<head>
<meta charset="utf-8" />
<title>A Drop Above</title>
- <link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
- <link rel="stylesheet" type="text/css" href="print.css" media="print" />
+ <link rel="stylesheet" href="styles.css"
+ type="text/css" media="screen" />
+ <link rel="stylesheet" href="print.css"
+ type="text/css" media="print" />
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <link rel="stylesheet" type="text/css" href="superfish.css" media="screen"/>
+ <link rel="stylesheet" href="superfish.css"
+ type="text/css" media="screen"/>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
</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 -->