--- /dev/null
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+ lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <title>$title</title>
+ <link rel="stylesheet" href="styles.css"
+ type="text/css" media="screen" />
+ <link rel="stylesheet" href="print.css"
+ type="text/css" media="print" />
+ <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+ <link rel="stylesheet" href="superfish.css"
+ type="text/css" media="screen"/>
+ <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
+ <script type="text/javascript" src="js/hoverIntent.js"></script>
+ <script type="text/javascript" src="js/superfish.js"></script>
+ <script type="text/javascript">
+
+ // initialise plugins
+ jQuery(function(){
+ jQuery('ul.sf-menu').superfish();
+ });
+
+ </script>
+ </head>
+ <body>
+ <div id="wrapper"><!-- #wrapper -->
+ <nav><!-- top nav -->
+ $menu
+ </nav><!-- end of top nav -->
+
+ <header><!-- header -->
+ <h1><a href="/">Site name</a></h1>
+ <h2>Your tag line here</h2>
+ </header><!-- end of header -->
+
+ <section id="main"><!-- #main content and sidebar area -->
+ <section id="content"><!-- #content -->
+ <article>
+ $article
+ </article>
+ </section><!-- end of #content -->
+
+ <aside id="sidebar"><!-- sidebar -->
+ <h3>$levelname</h3>
+ $levelmenu
+
+ <h3>More Stuff</h3>
+ <ul>
+ <li><a href="#">Blah</a></li>
+ <li><a href="#">More blah</a></li>
+ </ul>
+
+ </aside><!-- end of sidebar -->
+
+ </section><!-- end of #main content and sidebar-->
+
+ <footer>
+ <section id="footer-area">
+
+ <section id="footer-outer-block">
+ <aside class="footer-segment">
+ <h4>Friends</h4>
+ <ul>
+ <li><a href="#">one linkylink</a></li>
+ <li><a href="#">two linkylinks</a></li>
+ <li><a href="#">three linkylinks</a></li>
+ <li><a href="#">four linkylinks</a></li>
+ <li><a href="#">five linkylinks</a></li>
+ </ul>
+ </aside><!-- end of #first footer segment -->
+
+ <aside class="footer-segment">
+ <h4>Awesome Stuff</h4>
+ <ul>
+ <li><a href="#">one linkylink</a></li>
+ <li><a href="#">two linkylinks</a></li>
+ <li><a href="#">three linkylinks</a></li>
+ <li><a href="#">four linkylinks</a></li>
+ <li><a href="#">five linkylinks</a></li>
+ </ul>
+ </aside><!-- end of #second footer segment -->
+
+ <aside class="footer-segment">
+ <h4>Coolness</h4>
+ <ul>
+ <li><a href="#">one linkylink</a></li>
+ <li><a href="#">two linkylinks</a></li>
+ <li><a href="#">three linkylinks</a></li>
+ <li><a href="#">four linkylinks</a></li>
+ <li><a href="#">five linkylinks</a></li>
+ </ul>
+ </aside><!-- end of #third footer segment -->
+
+ <aside class="footer-segment">
+ <h4>Blahdyblah</h4>
+ <p>
+ Integer nec odio. Praesent libero. Sed cursus ante
+ dapibus diam. Sed nisi. Nulla quis sem at nibh
+ elementum imperdiet. Duis sagittis ipsum. Praesent
+ mauris. Fusce nec tellus sed augue semper porta.
+ </p>
+ <p>©;2010 <a href="/">$site</a></p>
+ </aside><!-- end of #fourth footer segment -->
+
+ </section><!-- end of footer-outer-block -->
+
+ </section><!-- end of footer-area -->
+ </footer>
+
+ </div><!-- #wrapper -->
+ <!-- Free template created by http://freehtml5templates.com -->
+ </body>
+</html>