Posted By

withinmedianl on 10/16/10


Tagged

start base html5


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

vkolev
craftymethod
vehler


Normal site base


 / Published in: PHP
 

based upon http://www.snipplr.com/view/41900/base-html5-template/

  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  

You need to login to post a comment.