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>$levelname</h3>
  40             <div class="inner">
  41               $levelmenu
  42             </div>
  43           </div><!-- .box -->
  44
  45           <div class="box">
  46             <h3>Our Sponsor</h3>
  47             <div class="inner">
  48               <br />
  49               <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>
  50               <br />
  51             </div>
  52           </div><!-- .box -->
  53
  54         </aside><!-- end left sidebar -->
  55
  56         <aside id="right"><!-- start right sidebar -->
  57
  58           <div class="box">
  59             <h3>Connect With Us</h3>
  60             <div class="inner">
  61               <ul>
  62                 <li><a href="#">Twitter</a></li>
  63                 <li><a href="#">Facebook</a></li>
  64               </ul>
  65             </div>
  66           </div><!-- .box -->
  67
  68           <div class="box">
  69             <h3>Recent Articles</h3>
  70             <div class="inner">
  71               <ul>
  72                 <li><a href="#">How To Clean Anything</a></li>
  73                 <li><a href="#">Get The Most Out of Widgets</a></li>
  74               </ul>
  75             </div>
  76           </div><!-- .box -->
  77
  78           <div class="box">
  79             <h3>Recommended</h3>
  80             <div class="inner">
  81               <br />
  82               <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
  83               <br />
  84               <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
  85               <br />
  86               <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
  87               <br />
  88             </div>
  89           </div><!-- .box -->
  90
  91         </aside><!-- end right sidebar -->
  92
  93       </section>
  94
  95       <footer>
  96         <div id="copyright">
  97           <span>© 2010 All rights reserved <a href="/">site</a></span>
  98         </div>
  99       </footer>
 100
 101     </div><!-- #wrapper -->
 102     <!-- Free template created by http://freehtml5templates.com -->
 103   </body>
 104 </html>