style/freggies/index.en.html.tmpl

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml"
   3       lang="en">
   4   <head>
   5     <meta charset="utf-8" />
   6     <title>$title</title>
   7     <link rel="stylesheet" href="/css/styles.css"
   8           type="text/css" media="screen" />
   9     <link rel="stylesheet" href="/css/print.css"
  10           type="text/css" media="print" />
  11     <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  12   </head>
  13   <body>
  14     <div id="wrapper"><!-- #wrapper -->
  15       <nav><!-- top nav -->
  16         <div class="menu">
  17           $menu
  18         </div>
  19       </nav><!-- end of top nav -->
  20
  21       <header><!-- header -->
  22         <h1><a href="/">Site name</a></h1>
  23         <h2>Your compelling tag line goes here</h2>
  24       </header><!-- end of header -->
  25
  26       <section id="main"><!-- #main content and sidebar area -->
  27         <section id="content"><!-- #content -->
  28           <article>
  29             $article
  30           </article>
  31         </section><!-- end of #content -->
  32
  33         <aside id="sidebar"><!-- sidebar -->
  34           <h3>Languages</h3>
  35           $langmenu
  36
  37           <h3>Location</h3>
  38           $levelmenu
  39
  40           <h3>More Stuff</h3>
  41           <ul>
  42             <li><a href="#">Curabitur sodales</a></li>
  43             <li><a href="#">Sed dignissim</a></li>
  44             <li><a href="#">Fusce nec</a></li>
  45             <li><a href="#">Nulla quis</a></li>
  46             <li><a href="#">Blah</a></li>
  47             <li><a href="#">More blah</a></li>
  48           </ul>
  49
  50           <h3>Even More Stuff</h3>
  51           <ul>
  52             <li><a href="#">Curabitur sodales</a></li>
  53             <li><a href="#">Sed dignissim</a></li>
  54             <li><a href="#">Fusce nec</a></li>
  55             <li><a href="#">Nulla quis</a></li>
  56             <li><a href="#">Blah</a></li>
  57             <li><a href="#">More blah</a></li>
  58           </ul>
  59
  60         </aside><!-- end of sidebar -->
  61
  62       </section><!-- end of #main content and sidebar-->
  63
  64       <footer>
  65         <section id="footer-area">
  66
  67           <section id="footer-outer-block">
  68             <aside class="footer-segment">
  69               <h4>Friends</h4>
  70               <ul>
  71                 <li><a href="#">one linkylink</a></li>
  72                 <li><a href="#">two linkylinks</a></li>
  73                 <li><a href="#">three linkylinks</a></li>
  74                 <li><a href="#">four linkylinks</a></li>
  75                 <li><a href="#">five linkylinks</a></li>
  76               </ul>
  77             </aside><!-- end of #first footer segment -->
  78
  79             <aside class="footer-segment">
  80               <h4>Awesome Stuff</h4>
  81               <ul>
  82                 <li><a href="#">one linkylink</a></li>
  83                 <li><a href="#">two linkylinks</a></li>
  84                 <li><a href="#">three linkylinks</a></li>
  85                 <li><a href="#">four linkylinks</a></li>
  86                 <li><a href="#">five linkylinks</a></li>
  87               </ul>
  88             </aside><!-- end of #second footer segment -->
  89
  90             <aside class="footer-segment">
  91               <h4>Coolness</h4>
  92               <ul>
  93                 <li><a href="#">one linkylink</a></li>
  94                 <li><a href="#">two linkylinks</a></li>
  95                 <li><a href="#">three linkylinks</a></li>
  96                 <li><a href="#">four linkylinks</a></li>
  97                 <li><a href="#">five linkylinks</a></li>
  98               </ul>
  99             </aside><!-- end of #third footer segment -->
 100
 101             <aside class="footer-segment">
 102               <h4>Blahdyblah</h4>
 103               <p>Integer nec odio. Praesent libero. Sed cursus ante
 104               dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
 105               imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec
 106               tellus sed augue semper porta.</p>
 107             </aside><!-- end of #fourth footer segment -->
 108
 109           </section><!-- end of footer-outer-block -->
 110
 111         </section><!-- end of footer-area -->
 112         <section class="footerbottom">
 113           <p>© 2010 <a href="/">site</a></p>
 114         </section>
 115       </footer>
 116
 117     </div><!-- #wrapper -->
 118     <!-- Free template created by http://freehtml5templates.com -->
 119   </body>
 120 </html>