Physician
<!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>Your Practice PHYSICIAN GROUP</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>
	
   <header>
   	<div class="wrapper clearfix">
	   <a href="#" id="logo">Your Practice PHYSICIAN GROUP</a>
	   <aside>
	   	<div class="clearfix">
		   	<a href="#" class="share">Share</a>
		   	<a href="#" class="radius">PAY YOUR BILL</a>
		   	<form method="post" action="?">
			   	<fieldset>
				   	<input type="text" name="" placeholder="SEARCH" class="txt">
				   	<input type="image" src="img/ico-search.png" alt="ico-search" class="btn">
			   	</fieldset>
		   	</form>
	   	</div>
		   <nav>
			   <ul>
				   <li><a href="#">Our<br> Physicians</a></li>
				   <li><a href="#" class="active">Our<br> Services</a>
				   	<ul>
					   	<li><a href="#">Sublink One</a></li>
					   	<li><a href="#">Sublink Two</a></li>
					   	<li><a href="#">Sublink Three</a></li>
					   	<li><a href="#">Sublink Four</a></li>
				   	</ul>
				   </li>
				   <li><a href="#">Patient<br> Resources</a></li>
				   <li><a href="#">Maps &amp;<br> Directions</a></li>
				   <li><a href="#">Contact<br> Us</a></li>
			   </ul>
		   </nav>
	   </aside>
   	</div>
   </header>
   
   <section id="carousel-mask">
	   <div class="wrapper clearfix">
	   	 <aside>
			   <h1>Your introductory message would go here.</h1>
			   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fringilla pulvinar faucibus. Maecenas auctor rutrum eros, in lobortis quam volutpat at. Duis et dolor leo. Donec rhoncus condimentum nibh, molestie consectetur nibh blandit nec. Fusce quis facilisis risus. Morbi vitae odio sit amet ante faucibus tincidunt. Suspendisse hendrerit, lectus a tempus mollis, lorem massa venenatis purus, at feugiat elit mauris eu felis. Fusce vestibulum augue dolor. Donec in leo eu leo faucibus varius. In iaculis </p>
		   </aside>
		   <div id="carousel">
			   <div class="slide">
				   <a href="#"><img src="img/slide.jpg" alt="slide" width="616" height="427"></a>
			   </div>
			   <div class="slide">
				   <a href="#"><img src="img/slide.jpg" alt="slide" width="616" height="427"></a>
			   </div>
		   </div>
	   </div>
	   <div class="mask"></div>
   </section>
   
   <section id="content">
   	<div id="bg">
	   <div class="wrapper clearfix">
		   <div class="features clearfix">
		   	<article>
					<a href="#">
						<span><img src="img/ico-1.png" alt="ico" width="91" height="91"></span>
						<strong>our physicians</strong>
						<em>Meet our providers and how they can help you get well.</em>
					</a>
					<img src="img/f1.jpg" alt="f1" width="332" height="196">
		   	</article>
		   	<article>
					<a href="#">
						<span><img src="img/ico-3.png" alt="ico" width="91" height="91"></span>
						<strong>make an appointment</strong>
						<em>Contact us to set up a convenient time to see our docs.</em>
					</a>
					<img src="img/f2.jpg" alt="f2" width="332" height="196">
		   	</article>
		   	<article>
					<a href="#">
						<span><img src="img/ico-2.png" alt="ico" width="91" height="91"></span>
						<strong>FLU SHOTS!</strong>
						<em>It’s that time of year again. Now only $25- Details here...</em>
					</a>
					<img src="img/f3.jpg" alt="f3" width="332" height="196">
		   	</article>
		   </div>
		   
		   <div class="features-text clearfix">
			   <h2>A message for the features below</h2>
			   
			   <article class="left">
			   	 <a href="#"><img src="img/feature.jpg" alt="feature" width="180" height="140"></a>
				   <aside>
					   <h3>Featured Title One</h3>
					   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fringilla pulvinar faucibus. Maecenas auctor rutrum eros, in lobortis quam volutpat at. Duis et dolor leo. Donec rhoncus condimentum nibh, molestie consectetur nibh </p>
					   <a href="#" class="more">MORE</a>
				   </aside>
			   </article>
			   <article class="right">
			   	 <a href="#"><img src="img/feature.jpg" alt="feature" width="180" height="140"></a>
				   <aside>
					   <h3>Featured Title One</h3>
					   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fringilla pulvinar faucibus. Maecenas auctor rutrum eros, in lobortis quam volutpat at. Duis et dolor leo. Donec rhoncus condimentum nibh, molestie consectetur nibh </p>
					   <a href="#" class="more">MORE</a>
				   </aside>
			   </article>
		   </div>
		   <img src="img/shadow.png" alt="shadow" width="25" height="491" class="shadow">
	   </div>
   	</div>
   </section>
   
   <footer class="wrapper clearfix">
   	<div class="widget">
	   	<h6>Your Physician Practice Name</h6>
	   	<address>
	   		1234 Street Name<br> City, State 27215
	   	</address>
	   	<address>
	   		<strong>PHONE</strong> (336) 456-7086<br> <strong>FAX</strong> (336) 345-5673
	   	</address>
   	</div>
   	<div class="widget">
	   	<h6>Office Hours</h6>
	   	<div class="schedule"><strong>MONDAY - FRIDAY<br> 8 AM - 5 PM</strong> <em>Closed daily NOON - 1:15 PM<br>
Closed Holidays</em></div>
   	</div>
   	<aside>
	   	<div class="network clearfix">
		   	<h6>ALAMANCE REGIONAL <small>PHSYCIANS CARE NETWORK</small></h6>
		   	<a href="#"><img src="img/cone.png" alt="cone" width="60" height="80"></a>
		   	<a href="#" class="radius">PATIENT<br> PRIVACY</a>
	   	</div>
	   	<a href="#" id="ns">Developed By NorthStar</a>
   	</aside>
   </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>