Advanced Search

Normal site base

/ Published in: PHP
Save to your folder(s)
based upon http://www.snipplr.com/view/41900/base-html5-template/

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. 	<meta name="description" content="A description about your site" />
  6. 	<meta name="keywords" content="keywords, separated, by, comma" />
  7. 	<title>Withinmedia.nl</title>
  8. 	<link rel="shortcut icon" href="favicon.ico" />
  9. 	<link rel="stylesheet" href="css/style.css" media="screen" />
  10. 	<link rel="stylesheet" href="css/print.css" media="print" />
  11. 	<link rel="stylesheet" href="css/mobile.css" media="handheld" />
  12. 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  13. 	<!--[if IE]>
  14. 		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  15. 	<![endif]-->
  16. </head>
  17.  
  18. <body>
  19.     <div id="wrapper">
  20.         <div id="contentwrapper" class="sitewidth">
  21.             <section id="header">
  22.                 <header>
  23.                     <h1><a href="#">Mother of all Headers</a></h1>
  24.                     <h2><a href="#">Father of all Headers</a></h2>
  25.                     <h3><a href="#">Darth Vader of all Headers</a></h3>
  26.                     <h4><a href="#">Normal Header</a></h4>
  27.                     <h5><a href="#">Big Boss</a></h5>
  28.                     <h6><a href="#">Rarely seen header</a></h6>
  29.  
  30.                     <nav>
  31.                         <ul>
  32.                             <li><a href="#">Home</a></li>
  33.                             <li><a href="#">Portfolio</a>
  34.                             	<ul>
  35.                                 	<li><a href="#">Flyers</a></li>
  36.                                 	<li><a href="#">Websites</a></li>
  37.                                 	<li><a href="#">Posters</a></li>
  38.                                 	<li><a href="#">Albums</a></li>
  39.                                 	<li><a href="#">Animation</a></li>
  40.                                 	<li><a href="#">Stationary</a></li>
  41.                                 </ul>
  42.                             </li>
  43.                             <li><a href="#">Diensten</a></li>
  44.                             <li><a href="#">About</a></li>
  45.                             <li><a href="#">Contact</a></li>
  46.                         </ul>
  47.                     </nav>
  48.                 </header>
  49.             </section>
  50.  
  51.             <section id="main">
  52.                 <article>
  53.                     <hgroup>
  54.                         <a href="#"><h2>Heading Title 2</h2></a>
  55.                     </hgroup>
  56.                     <p>As a web designer, you're often forced to wear many different hats every day. You're the CEO, creative director, office manager, coffee<q>You don't have to have been born an organizational machine</q> fetcher and sometimes even janitor. That's a lot for anyone, and it certainly makes it difficult to find any time for quality creative thinking. Organization in any operation is important, and for our work as web designers it is important, too. The good news? You don't have to have been born an organizational machine. Let's look at what being organized means and a few strategies and tips to help you clean up that messy desk and get your work ducks in a nice neat row.</p>
  57.                 </article>
  58.                 <aside>
  59.                     Sidebar Filler
  60.                 </aside>
  61.             </section>
  62.         </div>
  63.         </div>
  64.  
  65.         <div id="footerwrapper" class="sitewidth">
  66.             <section id="footer">
  67.                 <footer>
  68.                     &copy; 
  69.                     <?php ini_set('date.timezone', 'Europe/Amsterdam');
  70.                         $startYear = 2008;
  71.                         $thisYear = date('y'); 
  72.                         if ($startYear == $thisYear)
  73.                         {
  74.                         echo $startYear;
  75.                         }
  76.                         else 
  77.                         {
  78.                         echo "{$startYear} / {$thisYear}";
  79.                         }
  80.                     ?>
  81.                      - Withinmedia.nl
  82.                 </footer>
  83.             </section>
  84.         </div>
  85.     </div>
  86. 	<script type="text/javascript">
  87. 		var _gaq = _gaq || [];
  88. 		_gaq.push(['_setAccount', 'XX-XXXXXXX-XX']);
  89. 		_gaq.push(['_trackPageview']);
  90.  
  91. 		(function() {
  92. 			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  93. 			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  94. 			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  95. 		})();
  96. 	</script>
  97. </body>
  98. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.