<div id="wrapper"><!-- #wrapper -->
<nav><!-- top nav -->
<div class="menu">
- <ul>
- <li><a href="#">Home</a></li>
- <li><a href="#">About</a></li>
- <li><a href="#">Recipes</a></li>
- <li><a href="#">Contact Us</a></li>
- </ul>
+
</div>
</nav><!-- end of top nav -->
<section id="main"><!-- #main content and sidebar area -->
<section id="content"><!-- #content -->
- <b class="benefitsheading">Healthy Eating Benefits</b>
-
- <section class="benefits">
- <a href="#"><img class="thumbnail" src="images/run.png"
- title="run" alt="run"/><span class="caption"><b>Increase
- Energy</b></span></a>
- </section>
-
- <section class="benefits">
- <a href="#"><img class="thumbnail" src="images/scale.png"
- title="scale" alt="scale"/><span class="caption"><b>Maintain
- Weight</b></span></a>
- </section>
-
- <section class="benefits">
- <a href="#"><img class="thumbnail"
- src="images/healthshield.png" title="healthy"
- alt="healthy"/><span class="caption"><b>Prevent
- Disease</b></span></a>
- </section>
-
<article>
- <h2><a href="#">First Article Title</a></h2>
-
- <img src="images/fruits1.jpg" alt="" class="alignright"/>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing
- elit. Integer nec odio. Praesent libero. Sed cursus ante
- dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
- imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec
- tellus sed augue semper porta. Mauris massa. Vestibulum
- lacinia arcu eget nulla. Class aptent taciti sociosqu ad
- litora torquent per conubia nostra, per inceptos
- himenaeos. Curabitur sodales ligula in libero. Sed
- dignissim lacinia nunc.</p>
- </article>
- <article>
- <h2><a href="#">Second Article Title</a></h2>
- <img src="images/veggies1.jpg" alt="" class="alignleft"/>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing
- elit. Integer nec odio. Praesent libero. Sed cursus ante
- dapibus diam. Sed nisi. Nulla quis sem at nibh elementum
- imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec
- tellus sed augue semper porta. Mauris massa. Vestibulum
- lacinia arcu eget nulla. Class aptent taciti sociosqu ad
- litora torquent per conubia nostra, per inceptos
- himenaeos. Curabitur sodales ligula in libero. Sed
- dignissim lacinia nunc.</p>
</article>
-
</section><!-- end of #content -->
<aside id="sidebar"><!-- sidebar -->