Converting the template to work with tree-cutter, adjusting paths, adding template...
[treecutter.git] / style / awesomesauce / 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   <body>
14     <div id="wrapper">
15       <header>
16         <div id="headerlogo"><img src="images/yourlogo.png" alt="logo" /></div>
17         <h1 id="sitename"><a href="#">Awesome Sauce</a></h1>
18         <div id="description">Your interesting & compelling tag line</div>
19         <div id="top">
20           <nav>
21             $menu
22           </nav>
23         </div>
24       </header>
25       <section>
26         <div id="container">
27           <div id="content">
28             <article>
29               $article
30             </article>
31           </div><!-- #content-->
32         </div><!-- #container-->
33         <aside id="left"><!-- start left sidebar -->
34           <div class="box">
35             <h3>Location</h3>
36             <div class="inner">
37               $levelmenu
38             </div>
39           </div><!-- .box -->
40           <div class="box">
41             <h3>Our Sponsor</h3>
42             <div class="inner">
43               <br />
44               <a href="#"><img src="/images/ad600.jpg" alt="" class="aligncenter" /></a>
45               <br />
46             </div>
47           </div><!-- .box -->
48         </aside><!-- end left sidebar -->
49         <aside id="right"><!-- start right sidebar -->
50           <div class="box">
51             <h3>Languages</h3>
52             <div class="inner">
53               $langmenu
54             </div>
55           </div><!-- .box -->
56           <div class="box">
57             <h3>Recent Articles</h3>
58             <div class="inner">
59               <ul>
60                 <li><a href="#">How To Clean Anything</a></li>
61                 <li><a href="#">Get The Most Out of Widgets</a></li>
62               </ul>
63             </div>
64           </div><!-- .box -->
65           <div class="box">
66             <h3>Recommended</h3>
67             <div class="inner">
68               <br />
69               <a href="#"><img src="/images/ad125.jpg" alt="" class="aligncenter" /></a>
70               <br />
71               <a href="#"><img src="/images/ad125.jpg" alt="" class="aligncenter" /></a>
72               <br />
73               <a href="#"><img src="/images/ad125.jpg" alt="" class="aligncenter" /></a>
74               <br />
75             </div>
76           </div><!-- .box -->
77         </aside><!-- end right sidebar -->
78       </section>
79       <footer>
80         <div id="copyright">
81           <span>© 2010 All rights reserved <a href="/">site</a></span>
82         </div>
83       </footer>
84     </div><!-- #wrapper -->
85     <!-- Free template created by http://freehtml5templates.com -->
86   </body>
87 </html>