Renamed index.html to index.en.html.tmpl and adding templatestrings.

[treecutter.git] / style / turquoiseswirls / index.en.html.tmpl
diff --git a/style/turquoiseswirls/index.en.html.tmpl b/style/turquoiseswirls/index.en.html.tmpl

new file mode 100644 (file)

index 0000000..a6c9dff
--- /dev/null
+++ b/style/turquoiseswirls/index.en.html.tmpl
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      lang="en">
+  <head>
+    <meta charset="UTF-8"/>
+    <title>$title</title>
+    <link rel="stylesheet" href="css/style.css"
+         type="text/css" media="screen" />
+    <link rel="stylesheet" href="css/print.css"
+         type="text/css" media="print" />
+    <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+  </head>
+
+  <body>
+
+    <div id="wrapper">
+
+      <header>
+       <h1 id="sitename"><a href="#">Turquoise Swirls</a></h1>
+       <div id="description">Your interesting &amp; compelling tag line</div>
+       <div id="top">
+         <nav>
+           $menu
+         </nav>
+       </div>
+      </header>
+
+      <section>
+       <div id="container">
+         <div id="content">
+           <article>
+             $article
+           </article>
+         </div><!-- #content-->
+       </div><!-- #container-->
+
+       <aside id="left"><!-- start left sidebar -->
+         <div class="box">
+           <h3>$levelname</h3>
+           <div class="inner">
+             $levelmenu
+           </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="/">$site</a></span>
+       </div>
+      </footer>
+
+    </div><!-- #wrapper -->
+    <!-- Free template created by http://freehtml5templates.com -->
+  </body>
+</html>