Grid Template Layout 1 (html5 / css3)






<!DOCTYPE html>
<html>
<head>
<title>Grid Style</title>
<link rel="stylesheet" type="text/css" href="grid.css">

<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet" href="grid.css">
</head>
<body>
<h1>Logo</h1>

<main>
<div class="div1">
<li>Home</li>
<li>Home</li>
<li>Home</li>
</div>
<div class="div2">Box1</div>
<div class="div3">Box2</div>
<div class="div4">Box3</div>
<div class="div5">Slider</div>
<div class="div6">Main Content</div>
<div class="div7">Footer</div>
</main><br><br><br><br>

  <input type="text" name="" placeholder="Title"><br>

 <textarea placeholder="Type any Question">


  <h1>Hello</h1>
  <p>hdjKHDK</p>


  </textarea><br>



 
 <a href="#"><input type="submit" name="" value="submit" class="sub"></a>




<br><br><br>
</body>
</html>

Comments