index.php

<!DOCTYPE html>
<html>
<head>
	<title>Avenue.js Javascript</title>
	<link rel="stylesheet" type="text/css" href="Components/index.css">
	<link rel="stylesheet" type="text/css" href="Components/Forms/forms.css">
	<link rel="stylesheet" type="text/css" href="Components/Buttons/buttons.css">
	<link rel="stylesheet" type="text/css" href="Components/DataTable/dataTable.css">
	<link rel="stylesheet" type="text/css" href="Components/Menu/menu.css">
	<link rel="icon" href="images/63910722.jpeg" type="image/jpg" sizes="16x16">
</head>
<body>
<div id="nav"></div>
<div class="section group">
<h1>Buttons</h1>
<div id="button"></div>
<h1>DataTable</h1>
<div id="divid"></div>
<div id="divid1"></div>
<h1>Form</h1>
<div id="inputid"></div>
</div>
<h1>GRID</h1>
<div class="section group">
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
	<div class="col group-1" style="background: #d3d3d3">
		1 of 12
	</div>
</div>
<div class="section group">
	<div class="col group-2" style="background: #d3d3d3">
		2 of 12
	</div>
	<div class="col group-2" style="background: #d3d3d3">
		2 of 12
	</div>
	<div class="col group-2" style="background: #d3d3d3">
		2 of 12
	</div>
	<div class="col group-2" style="background: #d3d3d3">
		2 of 12
	</div>
	<div class="col group-2" style="background: #d3d3d3">
		2 of 12
	</div>
	<div class="col group-2" style="background: #d3d3d3">
		2 of 12
	</div>
</div>
<div class="section group">
	<div class="col group-3" style="background: #d3d3d3">
		3 of 12
	</div>
	<div class="col group-3" style="background: #d3d3d3">
		3 of 12
	</div>
	<div class="col group-3" style="background: #d3d3d3">
		3 of 12
	</div>
	<div class="col group-3" style="background: #d3d3d3">
		3 of 12
	</div>
</div>
<div class="section group">
	<div class="col group-4" style="background: #d3d3d3">
		4 of 12
	</div>
	<div class="col group-4" style="background: #d3d3d3">
		4 of 12
	</div>
	<div class="col group-4" style="background: #d3d3d3">
		4 of 12
	</div>
</div>
<div class="section group">
	<div class="col group-6" style="background: #d3d3d3">
		6 of 12
	</div>
	<div class="col group-6" style="background: #d3d3d3">
		6 of 12
	</div>
</div>
<div class="section group">
	<div class="col group-12" style="background: #d3d3d3">
		12 of 12
	</div>
</div>
<script type="module" src="index.js"></script>
</body>
</html>