Translate

Wednesday, August 7, 2013

html5 templates

BASIC HTML5-CSS3 LAYOUT

Your layout should look like this:

HTML CODE

<!doctype html>
<html lang="en">
<head>
           <meta charset="utf-8" />
           <title>   Your site title  </title>
           <style>  Put your style here</style>
           <script> Put you script here</script>
</head>

<body>

       <div id="container">
        
            <nav>
                    <ul>
                          <li> <a href="#"> Home</a> </li>
                          <li> <a href="#"> News</a> </li>
                          <li> <a href="#">Video</a> </li>
                    </ul>
             </nav>

            <header>
                   Put you header code here...
            </header>

            <div id="content">
                  Put your content code here...
             </div>

             <footer>
                 Put your footer code here...
            </footer>

      </div>

</body>

</html>

Here is the basic html5 page layout. You can also customize by adding more content.
Thank You!

1 comment: