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