--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8"/>
+ <title>my title</title>
+ <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
+ <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+ <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+ </head>
+ <body>
+ <div id="wrapper">
+ <header>
+ <div id="headerlogo"><img src="images/yourlogo.png" alt="logo" /></div>
+ <h1 id="sitename"><a href="#">Awesome Sauce</a></h1>
+ <div id="description">Your interesting & compelling tag line</div>
+ <div id="top">
+ <nav>
+ <ul>
+ <li><a href="#">Home</a></li>
+ <li><a href="#">About</a></li>
+ <li><a href="#">Contact</a></li>
+ </ul>
+ </nav>
+ </div>
+ </header>
+ <section>
+ <div id="container">
+ <div id="content">
+ <article>
+ <h2><a href="#" rel="bookmark">My Article Title</a></h2>
+ <div class="entry">
+ <p>
+ Lorem ipsum pri at agam postulant. Vis option
+ euismod ut, mucius nominavi noluisse vim in, his ne
+ mediocrem qualisque necessitatibus. Has at ubique
+ utroque molestie, <a href="#">vim ne ceteros
+ ponderum</a> hendrerit. No everti singulis
+ disputationi eam, minim iusto cu usu, sint nulla
+ harum duo ei. Ut vidit cotidieque ullamcorper mea,
+ dolorem oportere vulputate ea mei, eu ius error
+ perpetua theophrastus.
+ </p>
+ <img src="images/hotpeppers.jpg" alt="" class="alignleft" />
+ <p>
+ Quis quaerendum pri no, sit ad noster timeam. An pro
+ consul concludaturque, no possim impetus mei. Facer
+ oblique referrentur te qui, ornatus postulant
+ evertitur ius ea. No sed vero aperiri equidem, pri
+ et perpetua erroribus accusamus, doctus menandri ad
+ qui. Natum dicunt delenit te vim, has te decore
+ deseruisse. Quot malorum legendos ut est, urbanitas
+ interpretaris id qui, duo populo animal
+ conclusionemque ne.
+ </p>
+ <p>
+ Iriure postulant pro ad. Wisi delectus legendos an
+ duo, alia utroque recteque no mel, te sed porro
+ alienum. Vix tale suavitate incorrupte at, viris
+ tractatos incorrupte pri ad. Veri putant volutpat
+ his ad, no doming deserunt persecuti eum, ad nobis
+ essent sed. Ad vis mandamus expetenda, salutandi
+ iracundia repudiandae mei ei. Alii pericula
+ abhorreant mei an, vix dignissim consequuntur ex,
+ alienum invenire posidonium nam ei.
+ </p>
+ <blockquote>
+ Minim elitr congue eu mea, quo minimum verterem
+ gloriatur in, ex alia cotidieque complectitur
+ qui. Eu sit idque quodsi constituto, ex mea omnesque
+ adolescens. Sit id fabulas eligendi suscipiantur, eu
+ natum perfecto sit, at brute option lucilius mea. Te
+ malis disputationi has, ex eum habeo sententiae. An
+ est meliore denique voluptatibus, nam putent
+ voluptua inciderint in, ne simul graeci nonummy vel.
+ </blockquote>
+ <p>
+ Quod malorum delectus ne duo, an pri facer doming
+ quaeque, ancillae omnesque his ei. At sed nibh illum
+ placerat. At quod appareat reprehendunt vim, te pri
+ velit nonumy antiopam. Exerci placerat est no, cu
+ quo affert vidisse democritum. Debitis maiestatis
+ referrentur qui ad. Sonet praesent intellegebat mei
+ ex, duo meis epicurei cu. Idque volutpat sadipscing
+ ut est, eos eu alienum oportere, eum ea dicat ignota
+ persequeris.
+ </p>
+ <p>
+ Veritus menandri referrentur est cu. Eos ea mazim
+ elaboraret delicatissimi, puto nostrud platonem vis
+ an. Mea eirmod torquatos et, ad sonet minimum mea,
+ mei eu causae eruditi intellegat. Velit vitae ridens
+ et vel, commodo suscipit persequeris sea id, iudico
+ persius eruditi in vel. Magna eloquentiam mei et,
+ quo erat vituperatoribus ea, in sale audiam quo. Ad
+ eum illum tantas volumus, iriure feugiat recteque ei
+ est.
+ </p>
+ </div>
+ </article>
+ </div><!-- #content-->
+ </div><!-- #container-->
+ <aside id="left"><!-- start left sidebar -->
+ <div class="box">
+ <h3>Main Menu</h3>
+ <div class="inner">
+ <ul>
+ <li><a href="#">Products</a></li>
+ <li><a href="#">Support</a></li>
+ <li><a href="#">Popular Uses</a></li>
+ </ul>
+ </div>
+ </div><!-- .box -->
+ <div class="box">
+ <h3>Our Sponsor</h3>
+ <div class="inner">
+ <br />
+ <a href="#"><img src="images/ad600.jpg" alt="" class="aligncenter" /></a>
+ <br />
+ </div>
+ </div><!-- .box -->
+ </aside><!-- end left sidebar -->
+ <aside id="right"><!-- start right sidebar -->
+ <div class="box">
+ <h3>Connect With Us</h3>
+ <div class="inner">
+ <ul>
+ <li><a href="#">Twitter</a></li>
+ <li><a href="#">Facebook</a></li>
+ </ul>
+ </div>
+ </div><!-- .box -->
+ <div class="box">
+ <h3>Recent Articles</h3>
+ <div class="inner">
+ <ul>
+ <li><a href="#">How To Clean Anything</a></li>
+ <li><a href="#">Get The Most Out of Widgets</a></li>
+ </ul>
+ </div>
+ </div><!-- .box -->
+ <div class="box">
+ <h3>Recommended</h3>
+ <div class="inner">
+ <br />
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+ <br />
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+ <br />
+ <a href="#"><img src="images/ad125.jpg" alt="" class="aligncenter" /></a>
+ <br />
+ </div>
+ </div><!-- .box -->
+ </aside><!-- end right sidebar -->
+ </section>
+ <footer>
+ <div id="copyright">
+ <span>© 2010 All rights reserved <a href="#">yoursite.com</a></span>
+ </div>
+ </footer>
+ </div><!-- #wrapper -->
+ <!-- Free template created by http://freehtml5templates.com -->
+ </body>
+</html>