</head>
<body>
<div id="wrapper"><!-- #wrapper -->
-
<nav><!-- top nav -->
- <ul class="sf-menu">
- <li class="current">
- <a href="#">Home</a>
- </li>
- <li>
- <a href="#">About</a>
- <ul>
- <li>
- <a href="#">Mission</a>
- </li>
- <li>
- <a href="#">Our Team</a>
- <ul>
- <li><a href="#">Joe</a></li>
- <li><a href="#">Jane</a></li>
- <li><a href="#">Tom</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Office Locations</a>
- <ul>
- <li><a href="#">New York</a></li>
- <li><a href="#">Chicago</a></li>
- <li><a href="#">Denver</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Products</a>
- <ul>
- <li>
- <a href="#">Widgets</a>
- <ul>
- <li><a href="#">Red</a></li>
- <li><a href="#">Blue</a></li>
- </ul>
- </li>
- <li>
- <a href="#">Wodgets</a>
- <ul>
- <li><a href="#">Basic</a></li>
- <li><a href="#">Advanced</a></li>
- <li><a href="#">Pro</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Contact Us</a>
- </li>
- </ul>
+
</nav><!-- end of top nav -->
<header><!-- header -->
<section id="main"><!-- #main content and sidebar area -->
<section id="content"><!-- #content -->
-
<article>
- <h2><a href="#">First Article Title</a></h2> <img
- src="images/flowersky.jpg" alt="flower" 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>
- <article>
- <h2><a href="#">Second Article Title</a></h2>
- <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>
- <p>
- 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 -->