Physician - Mobile
<!DOCTYPE html>
<html>
	<head>
	  <meta charset="utf-8">
	  <title>Your Practice PHYSICIAN GROUP</title>
	  <meta name="description" content="">
	  <meta name="viewport" content="width=320, user-scalable=no">
	
	  <link rel="stylesheet" href="css/handheld.css">
	</head>
	<body>
    <header>
	    <a href="#" id="logo">Your Practice PHYSICIAN GROUP</a>
    </header>
    <nav id="nav">
    	<div id="nav-mask">
	    	<div class="wrapper clearfix">
			    <div id="nav-opener">
				    <i></i> Navigation
			    </div>
			    <a id="search-opener">Search</a>
	    	</div>
    	</div>
			<form method="post" action="?">
				<fieldset class="wrapper clearfix">
					<input type="text" name="" placeholder="SEARCH" class="txt">
					<input type="submit" value="" class="go">
				</fieldset>
			</form>
    </nav>
    
    <nav id="sidenav">
    	<div id="close"><span><i>close</i></span></div>
	    <ul>
				<li><a href="#"><span>Our Physicians</span></a></li>
				<li><a href="#" class="active"><span>Our Services</span></a>
					<ul>
						<li><a href="#"><span>Sublink One</span></a></li>
						<li><a href="#"><span>Sublink Two</span></a></li>
						<li><a href="#"><span>Sublink Three</span></a></li>
						<li><a href="#"><span>Sublink Four</span></a></li>
					</ul>
				</li>
				<li><a href="#"><span>Patient Resources</span></a></li>
				<li><a href="#"><span>Maps &amp; Directions</span></a></li>
				<li><a href="#"><span>Contact Us</span></a></li>
			</ul>
    </nav>
    
    <section id="carousel-mask">
    	<div class="flexslider">
			  <ul class="slides">
			    <li><a href="#"><img src="img/slide.jpg" alt="slide"></a></li>
			    <li><a href="#"><img src="img/slide.jpg" alt="slide"></a></li>
			    <li><a href="#"><img src="img/slide.jpg" alt="slide"></a></li>
			  </ul>
    	</div>
	    <div id="mask"></div>
    </section>
    
    <section id="welcome">
    	<div class="wrapper">
	   	 <h1>Welcome to Your Practice Physicians Group. <a href="#" class="more">Read more</a></h1>
    	</div>
    </section>
    
    <nav id="offer">
	    <a href="#"><span><img src="img/ico-1.png" alt="ico-1" width="37" height="53"> our physicians</span></a>
	    <a href="#"><span><img src="img/ico-2.png" alt="ico-2" width="37" height="53"> Make an appointment</span></a>	    
	    <a href="#"><span><img src="img/ico-3.png" alt="ico-3" width="37" height="53"> flu shots!</span></a>
    </nav>
    
    <section id="content">
	    <div class="wrapper">
		    <h2>Your Physician Practice Name</h2>
		    <div class="buttons">
			    <a href="#" class="btn">MAP</a>
			    <a href="#" class="btn">CALL</a>
		    </div>
		    <h2>Office Hours</h2>
		    <div class="schedule">
			    <strong>MONDAY - FRIDAY<br> 8 AM - 5 PM</strong>
			    Closed daily NOON - 1:15 PM<br> Closed Holidays
		    </div>
	    </div>
    </section>
    
    <footer>
	    <div class="wrapper">
	    	<section>
		    	<a href="#"><img src="img/cone.png" alt="cone" width="60" height="80"></a>
		    	<aside>
			    	<h6>ALAMANCE REGIONAL <small>PHSYCIANS CARE NETWORK</small></h6>
			    	<a href="#">PATIENT<br> PRIVACY</a>
		    	</aside>
	    	</section>
		    <a href="#" id="ns">Developed by NorthStar</a>
	    </div>
    </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>