Posted By

CKOink on 02/29/12


Tagged

frame html5 BARE


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

CKOink
webdesignerbill
spee66
norman13


Bare Bones HTML5 frame, 4 section layout


 / Published in: HTML
 

A Barebones html5 frame work header, intro, main_content, footer. Also includes link to main.css and jquery

  1. <!DOCTYPE html>
  2. <html lang = "en">
  3. <meta charset="utf-8">
  4.  
  5. </title></title>
  6.  
  7. <!-- import stylesheets -->
  8. <link rel="stylesheet" href="styles/main.css">
  9.  
  10. <!-- in-page styles -->
  11.  
  12. body {
  13. background:transparent;
  14. color:#333;
  15. font-size:16px
  16. line-height:1.5em;
  17. margin:0;
  18. padding:0;
  19. }
  20. </style>
  21.  
  22. <!-- jquery import -->
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  24.  
  25. <!-- Initalize Jquery -->
  26. $(document).ready(function() {
  27.  
  28. });
  29. </script>
  30.  
  31. <!-- in page scripting-->
  32.  
  33. </script>
  34.  
  35. <!--[if lt IE 9]>
  36. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  37. <![endif]-->
  38.  
  39. </head>
  40.  
  41. <header class="header">
  42.  
  43. </header><!-- end .header -->
  44.  
  45. <section class="intro_container">
  46.  
  47. </section><!-- end .intro_container -->
  48.  
  49. <section class="main_content">
  50.  
  51. </section><!-- end main_content -->
  52.  
  53. <footer class="footer">
  54.  
  55. </footer><!-- end footer -->
  56. </body>
  57. </html>

Report this snippet  

You need to login to post a comment.