--- /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="css/styles.css"
+ type="text/css" media="screen" />
+ <link rel="stylesheet" href="css/print.css"
+ type="text/css" media="print" />
+ <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+ </head>
+ <body>
+ <div id="wrapper"><!-- #wrapper -->
+ <nav><!-- top nav -->
+ <div class="menu">
+ $menu
+ </div>
+ </nav><!-- end of top nav -->
+
+ <header><!-- header -->
+ <h1><a href="/">Site name</a></h1>
+ <h2>Your compelling tag line goes 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="#">Curabitur sodales</a></li>
+ <li><a href="#">Sed dignissim</a></li>
+ <li><a href="#">Fusce nec</a></li>
+ <li><a href="#">Nulla quis</a></li>
+ <li><a href="#">Blah</a></li>
+ <li><a href="#">More blah</a></li>
+ </ul>
+
+ <h3>Even More Stuff</h3>
+ <ul>
+ <li><a href="#">Curabitur sodales</a></li>
+ <li><a href="#">Sed dignissim</a></li>
+ <li><a href="#">Fusce nec</a></li>
+ <li><a href="#">Nulla quis</a></li>
+ <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>
+ </aside><!-- end of #fourth footer segment -->
+
+ </section><!-- end of footer-outer-block -->
+
+ </section><!-- end of footer-area -->
+ <section class="footerbottom">
+ <p>©;2010 <a href="/">$site</a></p>
+ </section>
+ </footer>
+
+ </div><!-- #wrapper -->
+ <!-- Free template created by http://freehtml5templates.com -->
+ </body>
+</html>