Advanced Search

Bare Bones HTML5 frame, 4 section layout

/ Published in: HTML
Save to your folder(s)
A Barebones html5 frame work header, intro, main_content, footer. Also includes link to main.css and jquery

Expand | Embed | Plain Text

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.