style/awesomesauce/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/style.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">
  15       <header>
  16         <div id="headerlogo"><img src="images/yourlogo.png" alt="logo" /></div>
  17         <h1 id="sitename"><a href="#">Awesome Sauce</a></h1>
  18         <div id="description">Your interesting & compelling tag line</div>
  19         <div id="top">
  20           <nav>
  21             $menu
  22           </nav>
  23         </div>
  24       </header>
  25       <section>
  26         <div id="container">
  27           <div id="content">
  28             <article>
  29               $article
  30             </article>
  31           </div><!-- #content-->
  32         </div><!-- #container-->
  33         <aside id="left"><!-- start left sidebar -->
  34           <div class="box">
  35             <h3>Location</h3>
  36             <div class="inner">
  37               $levelmenu
  38             </div>
  39           </div><!-- .box -->
  40           <div class="box">
  41             <h3>Our Sponsor</h3>
  42             <div class="inner">
  43               <br />
  44               <a href="#"><img src="/images/ad600.jpg" alt="" class="aligncenter" /></a>
  45               <br />
  46             </div>
  47           </div><!-- .box -->
  48         </aside><!-- end left sidebar -->
  49         <aside id="right"><!-- start right sidebar -->
  50           <div class="box">
  51             <h3>Languages</h3>
  52             <div class="inner">
  53               $langmenu
  54             </div>
  55           </div><!-- .box -->
  56           <div class="box">
  57             <h3>Recent Articles</h3>
  58             <div class="inner">
  59               <ul>
  60                 <li><a href="#">How To Clean Anything</a></li>
  61                 <li><a href="#">Get The Most Out of Widgets</a></li>
  62               </ul>
  63             </div>
  64           </div><!-- .box -->
  65           <div class="box">
  66             <h3>Recommended</h3>
  67             <div class="inner">
  68               <br />
  69               <a href="#"><img src="/images/ad125.jpg" alt="" class="aligncenter" /></a>
  70               <br />
  71               <a href="#"><img src="/images/ad125.jpg" alt="" class="aligncenter" /></a>
  72               <br />
  73               <a href="#"><img src="/images/ad125.jpg" alt="" class="aligncenter" /></a>
  74               <br />
  75             </div>
  76           </div><!-- .box -->
  77         </aside><!-- end right sidebar -->
  78       </section>
  79       <footer>
  80         <div id="copyright">
  81           <span>© 2010 All rights reserved <a href="/">site</a></span>
  82         </div>
  83       </footer>
  84     </div><!-- #wrapper -->
  85     <!-- Free template created by http://freehtml5templates.com -->
  86   </body>
  87 </html>