i-stos/html5-template.html

## html5-template.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title> Untitled Document </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">

    <!-- Styles -->
    <link href="css/styles.css" rel="stylesheet">

    <!-- Fav icon -->
    <link rel="shortcut icon" href="images/favicon.ico">

    <!-- HTML5 shim, for IE6 to IE8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<div id="container" class="wrapper">
    <header>
        <nav>
	    <ul>
	      <li><a href=""> Home    </a></li>
	      <li><a href=""> About   </a></li>
	      <li><a href=""> Blog    </a></li>
	      <li><a href=""> Contact </a></li>
	    </ul>
        </nav>
    </header> <!-- End header -->


    <div id="content-container">
        <section id="main">
	    <article>
		<figure>
		  <img src="image.png" alt="Alternative Text">
		</figure>
		<p>
		  Lorem Ipsum is simply dummy text of the printing  and typesetting industry. Lorem Ipsum
                  has been the industry's standard dummy text ever since the 1500s, when an unknown printer
		  took a galley of type and scrambled it to make a type specimen book.
		</p>
            </article>

	    <article>
		<figure>
		  <img src="image.png" alt="Alternative Text">
		</figure>
		<p>
		  Lorem Ipsum is simply dummy text of the printing  and typesetting industry. Lorem Ipsum
                  has been the industry's standard dummy text ever since the 1500s, when an unknown printer
		  took a galley of type and scrambled it to make a type specimen book.
		</p>
            </article>
        </section> <!-- End main -->

        <aside id="sidebar">
            <section class="widget" data-some-attr="some value">
	        <h2> Sponsored Links </h2>
		    <nav>
		        <ul>
			  <li><a href=""> Link 1 </a></li>
			  <li><a href=""> Link 2 </a></li>
			  <li><a href=""> Link 4 </a></li>
			  <li><a href=""> Link 4 </a></li>
			</ul>
		    </nav>
            </section>

	    <section class="widget" data-some-attr="some value">
	        <h2> Widget </h2>
		<div class="widget-content">
		  <p> Super Widget Content </p>
		</div>
	    </section>
        </aside> <!-- End sidebar -->
    </div> <!-- END content-container -->


    <footer>
        <h2> Footer </h2>
	<small>
	  &copy; Copyright 2012
	</small>
    </footer> <!-- End footer -->
</div> <!-- END container -->

<script src="js/jquery.min.v1.7.1.js"></script>
<script src="js/project-scripts.js"></script>
<script type="text/javascript">
//Project scripts go here

</script>
</body>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">

	<title> Untitled Document </title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">

	<!-- Styles -->
	<link href="css/styles.css" rel="stylesheet">

	<!-- Fav icon -->
	<link rel="shortcut icon" href="images/favicon.ico">

	<!-- HTML5 shim, for IE6 to IE8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	</head>
	<body>
	<div id="container" class="wrapper">
	<header>
	<nav>
	<ul>
	<li><a href=""> Home </a></li>
	<li><a href=""> About </a></li>
	<li><a href=""> Blog </a></li>
	<li><a href=""> Contact </a></li>
	</ul>
	</nav>
	</header> <!-- End header -->


	<div id="content-container">
	<section id="main">
	<article>
	<figure>
	<img src="image.png" alt="Alternative Text">
	</figure>
	<p>
	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
	has been the industry's standard dummy text ever since the 1500s, when an unknown printer
	took a galley of type and scrambled it to make a type specimen book.
	</p>
	</article>

	<article>
	<figure>
	<img src="image.png" alt="Alternative Text">
	</figure>
	<p>
	Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
	has been the industry's standard dummy text ever since the 1500s, when an unknown printer
	took a galley of type and scrambled it to make a type specimen book.
	</p>
	</article>
	</section> <!-- End main -->

	<aside id="sidebar">
	<section class="widget" data-some-attr="some value">
	<h2> Sponsored Links </h2>
	<nav>
	<ul>
	<li><a href=""> Link 1 </a></li>
	<li><a href=""> Link 2 </a></li>
	<li><a href=""> Link 4 </a></li>
	<li><a href=""> Link 4 </a></li>
	</ul>
	</nav>
	</section>

	<section class="widget" data-some-attr="some value">
	<h2> Widget </h2>
	<div class="widget-content">
	<p> Super Widget Content </p>
	</div>
	</section>
	</aside> <!-- End sidebar -->
	</div> <!-- END content-container -->


	<footer>
	<h2> Footer </h2>
	<small>
	© Copyright 2012
	</small>
	</footer> <!-- End footer -->
	</div> <!-- END container -->

	<script src="js/jquery.min.v1.7.1.js"></script>
	<script src="js/project-scripts.js"></script>
	<script type="text/javascript">
	//Project scripts go here

	</script>
	</body>