Beauty Clinic
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	  <meta charset="utf-8">
	  <title></title>
	  <meta name="description" content="">
	  <meta name="viewport" content="width=device-width">
	
	  <link rel="stylesheet" href="css/main.css">
	
	  <script src="js/vendor/modernizr-2.6.2.min.js"></script>
	</head>
	<body>
    <!-- begin header -->
    <header>
	    <div class="wrapper clearfix">
		    <a href="#" id="logo">Skinjectables</a>
		    <aside>
			    <p>416.546.5200</p>
			    <div class="social clearfix">
				    <a href="#" class="btn">book a free consultation</a>
				    <a href="#" class="facebook" rel="external">facebook</a>
				    <a href="#" class="twitter" rel="external">twitter</a>
				    <a href="#" class="google" rel="external">google</a>
			    </div>
		    </aside>
	    </div>
    </header>
    <!-- end header -->
    
    <!-- begin nav -->
    <nav id="nav" class="wrapper clearfix hidden-phone">
	    <ul>
		    <li><a href="#">home</a></li>              
		    <li><a href="#">about us</a></li>              
		    <li><a href="#">consultations</a></li>              
		    <li><a href="#">botox&reg;</a></li>              
		    <li><a href="#">dermal fillers</a></li>              
		    <li><a href="#">skin care products</a></li>              
		    <li><a href="#">prices</a></li>              
		    <li><a href="#">before &amp; after</a></li>              
		    <li><a href="#">news</a></li>              
		    <li><a href="#">contact us</a></li>
	    </ul>
    </nav>
    <nav id="mobile-nav" class="visible-phone">
	    <h6>Navigation</h6>
	    <div>
		    <ul>
			    <li><a href="#">home</a></li>              
			    <li><a href="#">about us</a></li>              
			    <li><a href="#">consultations</a></li>              
			    <li><a href="#">botox&reg;</a></li>              
			    <li><a href="#">dermal fillers</a></li>              
			    <li><a href="#">skin care products</a></li>              
			    <li><a href="#">prices</a></li>              
			    <li><a href="#">before &amp; after</a></li>              
			    <li><a href="#">news</a></li>              
			    <li><a href="#">contact us</a></li>
		    </ul>
	    </div>
    </nav>
    <!-- end nav -->
    
    <!-- begin carousel -->
    <section id="carousel" class="wrapper clearfix">
	    <div class="flexslider">
		    <ul class="slides">
			    <li>
			    	<img src="img/slide.jpg" alt="slide" width="1100" height="366">
				    <aside>
					    <h1>feature slider one</h1>
					    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempus nisi tortor, quis euismod odio pelle.</p>
				    </aside>
			    </li>
			    <li>
			    	<img src="img/slide.jpg" alt="slide" width="1100" height="366">
				    <aside>
					    <h1>feature slider one</h1>
					    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempus nisi tortor, quis euismod odio pelle.</p>
				    </aside>
			    </li>
			    <li>
			    	<img src="img/slide.jpg" alt="slide" width="1100" height="366">
				    <aside>
					    <h1>feature slider one</h1>
					    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempus nisi tortor, quis euismod odio pelle.</p>
				    </aside>
			    </li>
		    </ul>
	    </div>
    </section>
    <!-- end carousel -->
    
    <!-- begin content -->
    <section id="content" class="wrapper clearfix">
    	<aside id="widgets" class="clearfix">
	    	<div class="widget">
		    	<a href="#"><img src="img/thumb-1.jpg" alt="thumb-1" width="135" height="137"><span>dermal filters</span></a>
	    	</div>
	    	<div class="widget">
		    	<a href="#"><img src="img/thumb-2.jpg" alt="thumb-2" width="135" height="137"><span>skin care</span></a>
	    	</div>
	    	<div class="widget">
		    	<a href="#"><img src="img/thumb-3.jpg" alt="thumb-3" width="135" height="137"><span>botox&reg;</span></a>
	    	</div>
	    	<div class="widget">
		    	<a href="#"><img src="img/thumb-4.jpg" alt="thumb-4" width="135" height="137"><span>prices</span></a>
	    	</div>
    	</aside>
	    <div class="welcome">
		    <h1>expert facial rejuvenation therapies </h1>
		    <p>Skinjectables is a modern, luxurious, boutique-style Cosmetic Clinic which focuses on providing patients with facial rejuvenation therapies and products, such as BOTOX®, non-invasive injectable dermal fillers and medical grade skin care products on a walk-in, no appointment needed basis.  Located in the heart of Toronto’s Financial District, below the Fairmont Royal York Hotel, Skinjectables Cosmetic Clinic provides a fast, easy way for the city’s on-the-go downtown community to enhance and rejuvenate their appearance.  A quick, effective way to fight wrinkles, fine lines, and creases and restore youthful facial contours.</p>
	    </div>
	    <aside id="news">
		    <h2>news</h2>
		    <article>
		    	<h3><a href="#">READ</a> another news piece</h3>
		    	<small>MAY 1, 2013</small>
		    	<p>Aenean aliquet, neque eget fermentum scelerisque, nibh dui condimentum velit, nec rutrum urna nibh vitae orci.</p>
		    </article>
				<article>
		    	<h3><a href="#">READ</a> new location launch</h3>
		    	<small>AUGUST 3, 2013</small>
		    	<p>Aenean aliquet, neque eget fermentum scelerisque, nibh dui condimentum velit, nec rutrum urna nibh vitae orci.</p>
				</article>
	    </aside>
    </section>
    <!-- end content -->
    
    <!-- begin footer -->
    <footer>
	    <div class="wrapper clearfix">
		    <p>&copy; Skinjectables.  A branch of <a href="#">Toronto Cosmetic Surgery Institute</a>.<br class="visible-phone" />  All Rights Reserved.   <a href="#">site by Allure Graphic Design</a></p>
	    </div>
    </footer>
    <!-- end footer -->

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>

    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>
	</body>
</html>