--- /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>
+++ /dev/null
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
- lang="en">
- <head>
- <meta charset="utf-8" />
- <title>A Drop Above</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 -->
-
- </nav><!-- end of top nav -->
-
- <header><!-- header -->
- <h1><a href="#">A Drop Above</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>
- </section><!-- end of #content -->
-
- <aside id="sidebar"><!-- sidebar -->
- <h3>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>
- </ul>
-
- <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>
- </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>
--- /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" />
+ <script type="text/javascript"
+ src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
+ </script>
+ <script type="text/javascript" src="js/simpletabs.js"></script>
+ <link rel="stylesheet" href="lightbox.css"
+ type="text/css" media="screen" />
+ <script type="text/javascript" src="js/jquery.js"></script>
+ <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
+ <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+ <script type="text/javascript">
+ $(function() {
+ $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
+ });
+ </script>
+ </head>
+ <body>
+ <div id="wrapper"><!-- #wrapper -->
+
+ <header><!-- header -->
+ <h1><a href="/">Site name</a></h1>
+ <h2>Your compelling tag line goes here</h2>
+ <img src="images/bluenightsky.png" width="940" height="200" alt=""/>
+ <!-- header image -->
+ </header><!-- end of header -->
+
+ <nav><!-- top nav -->
+ <div class="menu">
+ $menu
+ </div>
+ </nav><!-- end of top nav -->
+
+ <section id="main"><!-- #main content and sidebar area -->
+ <section id="content"><!-- #content -->
+ <article>
+ $article
+ </article>
+ </section><!-- end of #content -->
+
+ <aside id="sidebar"><!-- sidebar -->
+
+ <div class="tabwidget">
+ <ul class="tabs">
+ <li><a href="#tab1">Menu</a></li>
+ <li><a href="#tab2">Popular</a></li>
+ <li><a href="#tab3">About Me</a></li>
+ </ul>
+ <div class="tab_container">
+ <div id="tab1" class="tab_content">
+ <h3>$levelname</h3>
+ $levelmenu
+ </div>
+ <div id="tab3" class="tab_content">
+ <h3>Who I Am</h3> <img src="images/me.png" alt=""
+ /><p>Lorem ipsum in libris debitis facilis qui, in usu
+ esse falli deseruisse. Vel ut vivendo sensibus
+ partiendo, liber philosophia ne vim. Viris oblique
+ explicari has et. Nam noster iisque discere te, sale
+ doming delectus est te, an debet quando eruditi
+ pro. Ad dicant praesent persequeris has, ne vel
+ minimum petentium periculis.</p>
+ </div>
+ </div>
+ </div>
+
+ <div class="standard">
+ <h3>Things To Do</h3>
+ <ul>
+ <li><a href="#">Create</a></li>
+ <li><a href="#">Have Fun</a></li>
+ <li><a href="#">Share With Friends</a></li>
+ <li><a href="#">Play Games</a></li>
+ <li><a href="#">Upload</a></li>
+ <li><a href="#">Download</a></li>
+ </ul>
+
+
+ <h3>Sponsors</h3>
+ <img src="images/ad180.png" alt="" /><br /><br />
+
+ <h3>Connect With Us</h3>
+ <ul>
+ <li><a href="#">Twitter</a></li>
+ <li><a href="#">Facebook</a></li>
+ <li><a href="#">LinkedIn</a></li>
+ <li><a href="#">Flickr</a></li>
+ </ul>
+ </div>
+
+ </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>
+ </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>
+ </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>
+ </ul>
+ </aside><!-- end of #third footer segment -->
+
+ <aside class="footer-segment">
+ <h4>Blahdyblah</h4>
+ <p>© 2010 <a href="/">$site</a> Praesent
+ libero. Sed cursus ante dapibus diam. Sed nisi.</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>
+++ /dev/null
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
- lang="en">
- <head>
- <meta charset="utf-8" />
- <title>BlueNightSky</title>
- <link rel="stylesheet" href="styles.css"
- type="text/css" media="screen" />
- <link rel="stylesheet" href="print.css"
- type="text/css" media="print" />
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
- </script>
- <script type="text/javascript" src="js/simpletabs.js"></script>
- <link rel="stylesheet" href="lightbox.css"
- type="text/css" media="screen" />
- <script type="text/javascript" src="js/jquery.js"></script>
- <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
- <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <script type="text/javascript">
- $(function() {
- $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
- });
- </script>
- </head>
- <body>
- <div id="wrapper"><!-- #wrapper -->
-
- <header><!-- header -->
- <h1><a href="#">Blue Night Sky</a></h1>
- <h2>Your compelling tag line goes here</h2>
- <img src="images/bluenightsky.png" width="940" height="200" alt=""/>
- <!-- header image -->
- </header><!-- end of header -->
-
- <nav><!-- top nav -->
- <div class="menu">
-
- </div>
- </nav><!-- end of top nav -->
-
- <section id="main"><!-- #main content and sidebar area -->
-
- <section id="content"><!-- #content -->
- <article>
-
- </article>
- </section><!-- end of #content -->
-
- <aside id="sidebar"><!-- sidebar -->
-
- <div class="tabwidget">
- <ul class="tabs">
- <li><a href="#tab1">Recent</a></li>
- <li><a href="#tab2">Popular</a></li>
- <li><a href="#tab3">About Me</a></li>
- </ul>
- <div class="tab_container">
- <div id="tab1" class="tab_content">
- <h3>Recent Articles</h3>
- <ul>
- <li><a href="#">Interesting Recent Link 1</a></li>
- <li><a href="#">Interesting Recent Link 2</a></li>
- <li><a href="#">Interesting Recent Link 3</a></li>
- <li><a href="#">Interesting Recent Link 4</a></li>
- <li><a href="#">Interesting Recent Link 5</a></li>
- <li><a href="#">Interesting Recent Link 6</a></li>
- <li><a href="#">Interesting Recent Link 7</a></li>
- </ul>
- </div>
- <div id="tab2" class="tab_content">
- <h3>Our Most Popular</h3>
- <ul>
- <li><a href="#">Most Popular Link 1</a></li>
- <li><a href="#">Most Popular Link 2</a></li>
- <li><a href="#">Most Popular Link 3</a></li>
- <li><a href="#">Most Popular Link 4</a></li>
- </ul>
- </div>
- <div id="tab3" class="tab_content">
- <h3>Who I Am</h3> <img src="images/me.png" alt=""
- /><p>Lorem ipsum in libris debitis facilis qui, in usu
- esse falli deseruisse. Vel ut vivendo sensibus
- partiendo, liber philosophia ne vim. Viris oblique
- explicari has et. Nam noster iisque discere te, sale
- doming delectus est te, an debet quando eruditi
- pro. Ad dicant praesent persequeris has, ne vel
- minimum petentium periculis.</p>
- </div>
- </div>
- </div>
-
- <div class="standard">
- <h3>Things To Do</h3>
- <ul>
- <li><a href="#">Create</a></li>
- <li><a href="#">Have Fun</a></li>
- <li><a href="#">Share With Friends</a></li>
- <li><a href="#">Play Games</a></li>
- <li><a href="#">Upload</a></li>
- <li><a href="#">Download</a></li>
- </ul>
-
-
- <h3>Sponsors</h3>
- <img src="images/ad180.png" alt="" /><br /><br />
-
- <h3>Connect With Us</h3>
- <ul>
- <li><a href="#">Twitter</a></li>
- <li><a href="#">Facebook</a></li>
- <li><a href="#">LinkedIn</a></li>
- <li><a href="#">Flickr</a></li>
- </ul>
- </div>
-
- </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>
- </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>
- </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>
- </ul>
- </aside><!-- end of #third footer segment -->
-
- <aside class="footer-segment">
- <h4>Blahdyblah</h4>
- <p>© 2010 <a href="#">yoursite.com</a> Praesent
- libero. Sed cursus ante dapibus diam. Sed nisi.</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>
--- /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>
+++ /dev/null
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
- lang="en">
- <head>
- <meta charset="utf-8" />
- <title>Freggies</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">
-
- </div>
- </nav><!-- end of top nav -->
-
- <header><!-- header -->
- <h1><a href="#">Freggies</a></h1>
- <h2>Fruits and Veggies = Healthy Freggies</h2>
- </header><!-- end of header -->
-
- <section id="main"><!-- #main content and sidebar area -->
- <section id="content"><!-- #content -->
- <article>
-
- </article>
- </section><!-- end of #content -->
-
- <aside id="sidebar"><!-- sidebar -->
- <h3>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>
- </ul>
-
- <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="#">yoururl.com</a></p>
- </section>
- </footer>
-
- </div><!-- #wrapper -->
- <!-- Free template created by http://freehtml5templates.com -->
- </body>
-</html>
--- /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/style.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">
+
+ <header>
+ <h1 id="sitename"><a href="#">Turquoise Swirls</a></h1>
+ <div id="description">Your interesting & compelling tag line</div>
+ <div id="top">
+ <nav>
+ $menu
+ </nav>
+ </div>
+ </header>
+
+ <section>
+ <div id="container">
+ <div id="content">
+ <article>
+ $article
+ </article>
+ </div><!-- #content-->
+ </div><!-- #container-->
+
+ <aside id="left"><!-- start left sidebar -->
+ <div class="box">
+ <h3>$levelname</h3>
+ <div class="inner">
+ $levelmenu
+ </div>
+ </div><!-- .box -->
+
+ <div class="box">
+ <h3>Our Sponsor</h3>
+ <div class="inner">
+ <br />
+ <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>
+ <br />
+ </div>
+ </div><!-- .box -->
+
+ </aside><!-- end left sidebar -->
+
+ <aside id="right"><!-- start right sidebar -->
+
+ <div class="box">
+ <h3>Connect With Us</h3>
+ <div class="inner">
+ <ul>
+ <li><a href="#">Twitter</a></li>
+ <li><a href="#">Facebook</a></li>
+ </ul>
+ </div>
+ </div><!-- .box -->
+
+ <div class="box">
+ <h3>Recent Articles</h3>
+ <div class="inner">
+ <ul>
+ <li><a href="#">How To Clean Anything</a></li>
+ <li><a href="#">Get The Most Out of Widgets</a></li>
+ </ul>
+ </div>
+ </div><!-- .box -->
+
+ <div class="box">
+ <h3>Recommended</h3>
+ <div class="inner">
+ <br />
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+ <br />
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+ <br />
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+ <br />
+ </div>
+ </div><!-- .box -->
+
+ </aside><!-- end right sidebar -->
+
+ </section>
+
+ <footer>
+ <div id="copyright">
+ <span>© 2010 All rights reserved <a href="/">$site</a></span>
+ </div>
+ </footer>
+
+ </div><!-- #wrapper -->
+ <!-- Free template created by http://freehtml5templates.com -->
+ </body>
+</html>
+++ /dev/null
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
- lang="en">
- <head>
- <meta charset="UTF-8"/>
- <title>my title</title>
- <link rel="stylesheet" href="css/style.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">
-
- <header>
- <h1 id="sitename"><a href="#">Turquoise Swirls</a></h1>
- <div id="description">Your interesting & compelling tag line</div>
- <div id="top">
- <nav>
-
- </nav>
- </div>
- </header>
-
- <section>
-
- <div id="container">
- <div id="content">
- <article>
-
- </article>
- </div><!-- #content-->
- </div><!-- #container-->
-
- <aside id="left"><!-- start left sidebar -->
- <div class="box">
- <h3>Main Menu</h3>
- <div class="inner">
- <ul>
- <li><a href="#">Products</a></li>
- <li><a href="#">Support</a></li>
- <li><a href="#">Popular Uses</a></li>
- </ul>
- </div>
- </div><!-- .box -->
-
- <div class="box">
- <h3>Our Sponsor</h3>
- <div class="inner">
- <br />
- <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>
- <br />
- </div>
- </div><!-- .box -->
-
- </aside><!-- end left sidebar -->
-
- <aside id="right"><!-- start right sidebar -->
-
- <div class="box">
- <h3>Connect With Us</h3>
- <div class="inner">
- <ul>
- <li><a href="#">Twitter</a></li>
- <li><a href="#">Facebook</a></li>
- </ul>
- </div>
- </div><!-- .box -->
-
- <div class="box">
- <h3>Recent Articles</h3>
- <div class="inner">
- <ul>
- <li><a href="#">How To Clean Anything</a></li>
- <li><a href="#">Get The Most Out of Widgets</a></li>
- </ul>
- </div>
- </div><!-- .box -->
-
- <div class="box">
- <h3>Recommended</h3>
- <div class="inner">
- <br />
- <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
- <br />
- <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
- <br />
- <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
- <br />
- </div>
- </div><!-- .box -->
-
- </aside><!-- end right sidebar -->
-
- </section>
-
- <footer>
- <div id="copyright">
- <span>© 2010 All rights reserved <a href="#">yoursite.com</a></span>
- </div>
- </footer>
-
- </div><!-- #wrapper -->
- <!-- Free template created by http://freehtml5templates.com -->
- </body>
-</html>