<nav><!-- top nav -->
<div class="menu">
- <ul>
- <li><a href="#">Home</a></li>
- <li><a href="#">About</a>
- <ul>
- <li><a href="#">The Team</a></li>
- <li><a href="#">History</a></li>
- <li><a href="">Vision</a></li>
- </ul>
- </li>
- <li><a href="#">Products</a>
- <ul>
- <li><a href="#">Widgets</a></li>
- <li><a href="#">Wodgets</a></li>
- </ul>
- </li>
- <li><a href="#">Services</a>
- <ul>
- <li><a href="#">Consulting</a></li>
- <li><a href="#">Troubleshooting</a></li>
- </ul>
- </li>
- <li><a href="#">Support</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 -->
+ <article>
- <section id="lightboxthumbs">
- <a href="images/gallery/falls1.jpg" rel="lightbox"
- title="Waterfall 1 Caption goes here"><img
- src="images/gallery/falls1-thumb.jpg"
- alt="" class="frameit"/></a>
- <a href="images/gallery/falls2.jpg" rel="lightbox"
- title="Waterfall 2 Caption goes here"><img
- src="images/gallery/falls2-thumb.jpg"
- alt="" class="frameit"/></a>
- <a href="images/gallery/falls3.jpg" rel="lightbox"
- title="Waterfall 3 Caption goes here"><img
- src="images/gallery/falls3-thumb.jpg"
- alt="" class="frameit"/></a>
- <a href="images/gallery/falls4.jpg" rel="lightbox"
- title="Waterfall 4 Caption goes here"><img
- src="images/gallery/falls4-thumb.jpg"
- alt="" class="frameit"/></a>
- <a href="images/gallery/falls5.jpg" rel="lightbox"
- title="Waterfall 5 Caption goes here"><img
- src="images/gallery/falls5-thumb.jpg"
- alt="" class="frameit"/></a>
- <a href="images/gallery/falls6.jpg" rel="lightbox"
- title="Waterfall 6 Caption goes here"><img
- src="images/gallery/falls6-thumb.jpg"
- alt="" class="frameitlast"/></a>
- </section>
-
- <article class="featured">
- <img src="images/newspic.jpg" alt="" class="featuredthumb" />
- <p><a href="#" class="featuredtitle">This is the featured
- article</a></p><p class="featuredstory">Pellentesque ut
- sapien arcu, egestas mollis massa. Fusce lectus leo,
- fringilla at aliquet sit amet, volutpat non erat. Aenean
- molestie nibh vitae turpis venenatis vel accumsan nunc
- tincidunt. Pellentesque ut sapien arcu, egestas mollis
- massa. Fusce lectus leo, fringilla at aliquet sit amet,
- volutpat non erat. Aenean molestie nibh vitae turpis
- venenatis vel accumsan nunc tincidunt. Pellentesque ut
- sapien arcu, egestas mollis massa. Fusce lectus leo,
- fringilla at aliquet.</p>
- </article>
-
- <article class="odd">
- <img src="images/newspic1.jpg" alt="" class="thumb" />
- <p><a href="#" class="title">This is the title of a news
- article</a></p><p class="story">Pellentesque ut sapien
- arcu, egestas mollis massa. Fusce lectus leo, fringilla at
- aliquet sit amet, volutpat non erat. Aenean molestie nibh
- vitae turpis venenatis vel accumsan nunc
- tincidunt. Pellentesque ut sapien arcu, egestas mollis
- massa.</p>
</article>
-
- <article class="even">
- <img src="images/newspic2.jpg" alt="" class="thumb" />
- <p>
- <a href="#" class="title">This is another news
- article</a></p><p class="story">Pellentesque ut sapien
- arcu, egestas mollis massa. Fusce lectus leo, fringilla
- at aliquet sit amet, volutpat non erat. Aenean molestie
- nibh vitae turpis venenatis vel accumsan nunc
- tincidunt. Pellentesque ut sapien arcu, egestas mollis
- massa.
- </p>
- </article>
-
- <article class="odd">
- <img src="images/newspic3.jpg" alt="" class="thumb" />
- <p>
- <a href="#" class="title">This is a news article
- too</a></p><p class="story">Pellentesque ut sapien arcu,
- egestas mollis massa. Fusce lectus leo, fringilla at
- aliquet sit amet, volutpat non erat. Aenean molestie
- nibh vitae turpis venenatis vel accumsan nunc
- tincidunt. Pellentesque ut sapien arcu, egestas mollis
- massa.
- </p>
- </article>
-
- <article class="even">
- <img src="images/newspic4.jpg" alt="" class="thumb" />
- <p>
- <a href="#" class="title">This is an older news
- article</a></p><p class="story">Pellentesque ut sapien
- arcu, egestas mollis massa. Fusce lectus leo, fringilla
- at aliquet sit amet, volutpat non erat. Aenean molestie
- nibh vitae turpis venenatis vel accumsan nunc
- tincidunt. Pellentesque ut sapien arcu, egestas mollis
- massa.
- </p>
- </article>
-
- <article class="odd">
- <img src="images/newspic5.jpg" alt="" class="thumb" />
- <p>
- <a href="#" class="title">This is the last news
- article</a></p><p class="story">Pellentesque ut sapien
- arcu, egestas mollis massa. Fusce lectus leo, fringilla
- at aliquet sit amet, volutpat non erat. Aenean molestie
- nibh vitae turpis venenatis vel accumsan nunc
- tincidunt. Pellentesque ut sapien arcu, egestas mollis
- massa.
- </p>
- </article>
-
</section><!-- end of #content -->
<aside id="sidebar"><!-- sidebar -->