Moving css files to a subdirectory, renaming index.html to template file.
[treecutter.git] / style / awesomesauce / index.en.html.tmpl
diff --git a/style/awesomesauce/index.en.html.tmpl b/style/awesomesauce/index.en.html.tmpl
new file mode 100644 (file)
index 0000000..e038ce5
--- /dev/null
@@ -0,0 +1,163 @@
+<!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>&copy; 2010 All rights reserved <a href="#">yoursite.com</a></span>
+       </div>
+      </footer>
+    </div><!-- #wrapper -->
+    <!-- Free template created by http://freehtml5templates.com -->
+  </body>
+</html>