+++ /dev/null
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml"
- lang="en">
- <head>
- <meta charset="utf-8" />
- <title>BlueNightSky</title>
- <link rel="stylesheet" href="styles.css"
- type="text/css" media="screen" />
- <link rel="stylesheet" href="print.css"
- type="text/css" media="print" />
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
- </script>
- <script type="text/javascript" src="js/simpletabs.js"></script>
- <link rel="stylesheet" href="lightbox.css"
- type="text/css" media="screen" />
- <script type="text/javascript" src="js/jquery.js"></script>
- <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
- <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
- <script type="text/javascript">
- $(function() {
- $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
- });
- </script>
- </head>
- <body>
- <div id="wrapper"><!-- #wrapper -->
-
- <header><!-- header -->
- <h1><a href="#">Blue Night Sky</a></h1>
- <h2>Your compelling tag line goes here</h2>
- <img src="images/bluenightsky.png" width="940" height="200" alt=""/>
- <!-- header image -->
- </header><!-- end of header -->
-
- <nav><!-- top nav -->
- <div class="menu">
-
- </div>
- </nav><!-- end of top nav -->
-
- <section id="main"><!-- #main content and sidebar area -->
-
- <section id="content"><!-- #content -->
- <article>
-
- </article>
- </section><!-- end of #content -->
-
- <aside id="sidebar"><!-- sidebar -->
-
- <div class="tabwidget">
- <ul class="tabs">
- <li><a href="#tab1">Recent</a></li>
- <li><a href="#tab2">Popular</a></li>
- <li><a href="#tab3">About Me</a></li>
- </ul>
- <div class="tab_container">
- <div id="tab1" class="tab_content">
- <h3>Recent Articles</h3>
- <ul>
- <li><a href="#">Interesting Recent Link 1</a></li>
- <li><a href="#">Interesting Recent Link 2</a></li>
- <li><a href="#">Interesting Recent Link 3</a></li>
- <li><a href="#">Interesting Recent Link 4</a></li>
- <li><a href="#">Interesting Recent Link 5</a></li>
- <li><a href="#">Interesting Recent Link 6</a></li>
- <li><a href="#">Interesting Recent Link 7</a></li>
- </ul>
- </div>
- <div id="tab2" class="tab_content">
- <h3>Our Most Popular</h3>
- <ul>
- <li><a href="#">Most Popular Link 1</a></li>
- <li><a href="#">Most Popular Link 2</a></li>
- <li><a href="#">Most Popular Link 3</a></li>
- <li><a href="#">Most Popular Link 4</a></li>
- </ul>
- </div>
- <div id="tab3" class="tab_content">
- <h3>Who I Am</h3> <img src="images/me.png" alt=""
- /><p>Lorem ipsum in libris debitis facilis qui, in usu
- esse falli deseruisse. Vel ut vivendo sensibus
- partiendo, liber philosophia ne vim. Viris oblique
- explicari has et. Nam noster iisque discere te, sale
- doming delectus est te, an debet quando eruditi
- pro. Ad dicant praesent persequeris has, ne vel
- minimum petentium periculis.</p>
- </div>
- </div>
- </div>
-
- <div class="standard">
- <h3>Things To Do</h3>
- <ul>
- <li><a href="#">Create</a></li>
- <li><a href="#">Have Fun</a></li>
- <li><a href="#">Share With Friends</a></li>
- <li><a href="#">Play Games</a></li>
- <li><a href="#">Upload</a></li>
- <li><a href="#">Download</a></li>
- </ul>
-
-
- <h3>Sponsors</h3>
- <img src="images/ad180.png" alt="" /><br /><br />
-
- <h3>Connect With Us</h3>
- <ul>
- <li><a href="#">Twitter</a></li>
- <li><a href="#">Facebook</a></li>
- <li><a href="#">LinkedIn</a></li>
- <li><a href="#">Flickr</a></li>
- </ul>
- </div>
-
- </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>
- </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>
- </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>
- </ul>
- </aside><!-- end of #third footer segment -->
-
- <aside class="footer-segment">
- <h4>Blahdyblah</h4>
- <p>© 2010 <a href="#">yoursite.com</a> Praesent
- libero. Sed cursus ante dapibus diam. Sed nisi.</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>