style/adropabove/index.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml"
   3       lang="en">
   4   <head>
   5     <meta charset="utf-8" />
   6     <title>A Drop Above</title>
   7     <link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
   8     <link rel="stylesheet" type="text/css" href="print.css" media="print" />
   9     <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  10     <link rel="stylesheet" type="text/css" href="superfish.css" media="screen"/>
  11     <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
  12     <script type="text/javascript" src="js/hoverIntent.js"></script>
  13     <script type="text/javascript" src="js/superfish.js"></script>
  14     <script type="text/javascript">
  15
  16       // initialise plugins
  17       jQuery(function(){
  18       jQuery('ul.sf-menu').superfish();
  19       });
  20
  21     </script>
  22   </head>
  23   <body>
  24     <div id="wrapper"><!-- #wrapper -->
  25       <nav><!-- top nav -->
  26
  27       </nav><!-- end of top nav -->
  28
  29       <header><!-- header -->
  30         <h1><a href="#">A Drop Above</a></h1>
  31         <h2>Your tag line here</h2>
  32       </header><!-- end of header -->
  33
  34       <section id="main"><!-- #main content and sidebar area -->
  35         <section id="content"><!-- #content -->
  36           <article>
  37
  38           </article>
  39         </section><!-- end of #content -->
  40
  41         <aside id="sidebar"><!-- sidebar -->
  42           <h3>Stuff</h3>
  43           <ul>
  44             <li><a href="#">Curabitur sodales</a></li>
  45             <li><a href="#">Sed dignissim</a></li>
  46             <li><a href="#">Fusce nec</a></li>
  47             <li><a href="#">Nulla quis</a></li>
  48           </ul>
  49
  50           <h3>More Stuff</h3>
  51           <ul>
  52             <li><a href="#">Blah</a></li>
  53             <li><a href="#">More blah</a></li>
  54           </ul>
  55
  56         </aside><!-- end of sidebar -->
  57
  58       </section><!-- end of #main content and sidebar-->
  59
  60       <footer>
  61         <section id="footer-area">
  62
  63           <section id="footer-outer-block">
  64             <aside class="footer-segment">
  65               <h4>Friends</h4>
  66               <ul>
  67                 <li><a href="#">one linkylink</a></li>
  68                 <li><a href="#">two linkylinks</a></li>
  69                 <li><a href="#">three linkylinks</a></li>
  70                 <li><a href="#">four linkylinks</a></li>
  71                 <li><a href="#">five linkylinks</a></li>
  72               </ul>
  73             </aside><!-- end of #first footer segment -->
  74
  75             <aside class="footer-segment">
  76               <h4>Awesome Stuff</h4>
  77               <ul>
  78                 <li><a href="#">one linkylink</a></li>
  79                 <li><a href="#">two linkylinks</a></li>
  80                 <li><a href="#">three linkylinks</a></li>
  81                 <li><a href="#">four linkylinks</a></li>
  82                 <li><a href="#">five linkylinks</a></li>
  83               </ul>
  84             </aside><!-- end of #second footer segment -->
  85
  86             <aside class="footer-segment">
  87               <h4>Coolness</h4>
  88               <ul>
  89                 <li><a href="#">one linkylink</a></li>
  90                 <li><a href="#">two linkylinks</a></li>
  91                 <li><a href="#">three linkylinks</a></li>
  92                 <li><a href="#">four linkylinks</a></li>
  93                 <li><a href="#">five linkylinks</a></li>
  94               </ul>
  95             </aside><!-- end of #third footer segment -->
  96
  97             <aside class="footer-segment">
  98               <h4>Blahdyblah</h4>
  99               <p>
 100                 Integer nec odio. Praesent libero. Sed cursus ante
 101                 dapibus diam. Sed nisi. Nulla quis sem at nibh
 102                 elementum imperdiet. Duis sagittis ipsum. Praesent
 103                 mauris. Fusce nec tellus sed augue semper porta.
 104               </p>
 105             </aside><!-- end of #fourth footer segment -->
 106
 107           </section><!-- end of footer-outer-block -->
 108
 109         </section><!-- end of footer-area -->
 110       </footer>
 111
 112     </div><!-- #wrapper -->
 113     <!-- Free template created by http://freehtml5templates.com -->
 114   </body>
 115 </html>