style/turquoiseswirls/index.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml"
   3       lang="en">
   4   <head>
   5     <meta charset="UTF-8"/>
   6     <title>my 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
  24           </nav>
  25         </div>
  26       </header>
  27
  28       <section>
  29
  30         <div id="container">
  31           <div id="content">
  32             <article>
  33
  34             </article>
  35           </div><!-- #content-->
  36         </div><!-- #container-->
  37
  38         <aside id="left"><!-- start left sidebar -->
  39           <div class="box">
  40             <h3>Main Menu</h3>
  41             <div class="inner">
  42               <ul>
  43                 <li><a href="#">Products</a></li>
  44                 <li><a href="#">Support</a></li>
  45                 <li><a href="#">Popular Uses</a></li>
  46               </ul>
  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="#">yoursite.com</a></span>
 103         </div>
 104       </footer>
 105
 106     </div><!-- #wrapper -->
 107     <!-- Free template created by http://freehtml5templates.com -->
 108   </body>
 109 </html>