Corrected indent and whitespace. Validates now with nxml html5.rnc rules.
[treecutter.git] / style / adropabove / index.html
index 770f8394dd60762adc456df144ee9f00a539e977..f15a967900fa481c73b5facd45dcb78cfe34faaa 100755 (executable)
-<!doctype html>
-<html lang="en">
-<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" />
-       <!--[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">
-               <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>
-               <script type="text/javascript">
-
-               // initialise plugins
-               jQuery(function(){
-                       jQuery('ul.sf-menu').superfish();
-               });
-
-               </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>   
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml"
+      lang="en">
+  <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" />
+    <!--[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"/>
+    <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>
+    <script type="text/javascript">
+
+      // initialise plugins
+      jQuery(function(){
+      jQuery('ul.sf-menu').superfish();
+      });
+
+    </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>
-       </nav><!-- end of top nav -->
-       
-       <header><!-- header -->
-               <h1><a href="#">A Drop Above</a></h1>
-               <h2>Your tag line here</h2>
-       </header><!-- end of 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 -->
-                               <h3>Stuff</h3>
-                                       <ul>
-                                               <li><a href="#">Curabitur sodales</a></li>
-                                               <li><a href="#">Sed dignissim</a></li>
-                                               <li><a href="#">Fusce nec</a></li>
-                                               <li><a href="#">Nulla quis</a></li>
-                                       </ul>
-
-                               <h3>More Stuff</h3>
-                                       <ul>
-                                               <li><a href="#">Blah</a></li>
-                                               <li><a href="#">More blah</a></li>
-                                       </ul>
-
-               </aside><!-- end of sidebar -->
-
-       </section><!-- end of #main content and sidebar-->
-       
-               <footer>
-               <section id="footer-area">
-
-                       <section id="footer-outer-block">
-                                       <aside class="footer-segment">
-                                                       <h4>Friends</h4>
-                                                               <ul>
-                                                                       <li><a href="#">one linkylink</a></li>
-                                                                       <li><a href="#">two linkylinks</a></li>
-                                                                       <li><a href="#">three linkylinks</a></li>
-                                                                       <li><a href="#">four linkylinks</a></li>
-                                                                       <li><a href="#">five linkylinks</a></li>
-                                                               </ul>
-                                       </aside><!-- end of #first footer segment -->
-
-                                       <aside class="footer-segment">
-                                                       <h4>Awesome Stuff</h4>
-                                                               <ul>
-                                                                       <li><a href="#">one linkylink</a></li>
-                                                                       <li><a href="#">two linkylinks</a></li>
-                                                                       <li><a href="#">three linkylinks</a></li>
-                                                                       <li><a href="#">four linkylinks</a></li>
-                                                                       <li><a href="#">five linkylinks</a></li>
-                                                               </ul>
-                                       </aside><!-- end of #second footer segment -->
-
-                                       <aside class="footer-segment">
-                                                       <h4>Coolness</h4>
-                                                               <ul>
-                                                                       <li><a href="#">one linkylink</a></li>
-                                                                       <li><a href="#">two linkylinks</a></li>
-                                                                       <li><a href="#">three linkylinks</a></li>
-                                                                       <li><a href="#">four linkylinks</a></li>
-                                                                       <li><a href="#">five linkylinks</a></li>
-                                                               </ul>
-                                       </aside><!-- end of #third footer segment -->
-                                       
-                                       <aside class="footer-segment">
-                                                       <h4>Blahdyblah</h4>
-                                                               <p>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.</p>
-                                       </aside><!-- end of #fourth footer segment -->
-
-                       </section><!-- end of footer-outer-block -->
-
-               </section><!-- end of footer-area -->
-       </footer>
-       
-</div><!-- #wrapper -->
-<!-- Free template created by http://freehtml5templates.com -->
-</body>
+             </li>
+           </ul>
+         </li>
+         <li>
+           <a href="#">Contact Us</a>
+         </li>
+       </ul>
+      </nav><!-- end of top nav -->
+
+      <header><!-- header -->
+       <h1><a href="#">A Drop Above</a></h1>
+       <h2>Your tag line here</h2>
+      </header><!-- end of 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 -->
+         <h3>Stuff</h3>
+         <ul>
+           <li><a href="#">Curabitur sodales</a></li>
+           <li><a href="#">Sed dignissim</a></li>
+           <li><a href="#">Fusce nec</a></li>
+           <li><a href="#">Nulla quis</a></li>
+         </ul>
+
+         <h3>More Stuff</h3>
+         <ul>
+           <li><a href="#">Blah</a></li>
+           <li><a href="#">More blah</a></li>
+         </ul>
+
+       </aside><!-- end of sidebar -->
+
+      </section><!-- end of #main content and sidebar-->
+
+      <footer>
+       <section id="footer-area">
+
+         <section id="footer-outer-block">
+           <aside class="footer-segment">
+             <h4>Friends</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #first footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Awesome Stuff</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #second footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Coolness</h4>
+             <ul>
+               <li><a href="#">one linkylink</a></li>
+               <li><a href="#">two linkylinks</a></li>
+               <li><a href="#">three linkylinks</a></li>
+               <li><a href="#">four linkylinks</a></li>
+               <li><a href="#">five linkylinks</a></li>
+             </ul>
+           </aside><!-- end of #third footer segment -->
+
+           <aside class="footer-segment">
+             <h4>Blahdyblah</h4>
+             <p>
+               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.
+             </p>
+           </aside><!-- end of #fourth footer segment -->
+
+         </section><!-- end of footer-outer-block -->
+
+       </section><!-- end of footer-area -->
+      </footer>
+
+    </div><!-- #wrapper -->
+    <!-- Free template created by http://freehtml5templates.com -->
+  </body>
 </html>