2 <html xmlns="http://www.w3.org/1999/xhtml"
5 <meta charset="utf-8" />
6 <title>Freggies</title>
7 <link rel="stylesheet" href="css/styles.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]-->
14 <div id="wrapper"><!-- #wrapper -->
19 </nav><!-- end of top nav -->
21 <header><!-- header -->
22 <h1><a href="#">Freggies</a></h1>
23 <h2>Fruits and Veggies = Healthy Freggies</h2>
24 </header><!-- end of header -->
26 <section id="main"><!-- #main content and sidebar area -->
27 <section id="content"><!-- #content -->
31 </section><!-- end of #content -->
33 <aside id="sidebar"><!-- sidebar -->
36 <li><a href="#">Curabitur sodales</a></li>
37 <li><a href="#">Sed dignissim</a></li>
38 <li><a href="#">Fusce nec</a></li>
39 <li><a href="#">Nulla quis</a></li>
44 <li><a href="#">Curabitur sodales</a></li>
45 <li><a href="#">Sed dignissim</a></li>
46 <li><a href="#">Fusce nec</a></li>
47 <li><a href="#">Nulla quis</a></li>
48 <li><a href="#">Blah</a></li>
49 <li><a href="#">More blah</a></li>
52 <h3>Even More Stuff</h3>
54 <li><a href="#">Curabitur sodales</a></li>
55 <li><a href="#">Sed dignissim</a></li>
56 <li><a href="#">Fusce nec</a></li>
57 <li><a href="#">Nulla quis</a></li>
58 <li><a href="#">Blah</a></li>
59 <li><a href="#">More blah</a></li>
62 </aside><!-- end of sidebar -->
64 </section><!-- end of #main content and sidebar-->
67 <section id="footer-area">
69 <section id="footer-outer-block">
70 <aside class="footer-segment">
73 <li><a href="#">one linkylink</a></li>
74 <li><a href="#">two linkylinks</a></li>
75 <li><a href="#">three linkylinks</a></li>
76 <li><a href="#">four linkylinks</a></li>
77 <li><a href="#">five linkylinks</a></li>
79 </aside><!-- end of #first footer segment -->
81 <aside class="footer-segment">
82 <h4>Awesome Stuff</h4>
84 <li><a href="#">one linkylink</a></li>
85 <li><a href="#">two linkylinks</a></li>
86 <li><a href="#">three linkylinks</a></li>
87 <li><a href="#">four linkylinks</a></li>
88 <li><a href="#">five linkylinks</a></li>
90 </aside><!-- end of #second footer segment -->
92 <aside class="footer-segment">
95 <li><a href="#">one linkylink</a></li>
96 <li><a href="#">two linkylinks</a></li>
97 <li><a href="#">three linkylinks</a></li>
98 <li><a href="#">four linkylinks</a></li>
99 <li><a href="#">five linkylinks</a></li>
101 </aside><!-- end of #third footer segment -->
103 <aside class="footer-segment">
105 <p>Integer nec odio. Praesent libero. Sed cursus ante
106 dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
107 imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec
108 tellus sed augue semper porta.</p>
109 </aside><!-- end of #fourth footer segment -->
111 </section><!-- end of footer-outer-block -->
113 </section><!-- end of footer-area -->
114 <section class="footerbottom">
115 <p>©;2010 <a href="#">yoururl.com</a></p>
119 </div><!-- #wrapper -->
120 <!-- Free template created by http://freehtml5templates.com -->