<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>McNeelyStephenson</title>
	<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700%7CBitter:400,700%7Ccss?family=Open+Sans:300,400,600,700%7COpen+Sans+Condensed:300,700,300italic' rel='stylesheet' type='text/css'>
	<link media="all" rel="stylesheet" href="style.css">
</head>
<body>
	<div id="wrapper">
		<header id="header">
			<div class="holder">
				<div class="logo"><a href="#"><img src="images/logo.png" alt="McNeely Stephenson" width="357" height="54" /></a></div>
				<div class="wrap">
					<div class="call-box">
						<span>call our office:</span>
						<a href="tel:8127258224" class="tel">812-725-8224</a>
					</div>
					<a href="#" class="btn">contact us</a>
				</div>
				<a href="#" class="nav-opener"><span>Menu</span></a>
			</div>
			<nav class="nav">
				<ul>
					<li><a href="#">home</a></li>
					<li><a href="#">about us</a></li>
					<li><a href="#">practice areas</a></li>
					<li><a href="#">what our clients say</a></li>
					<li><a href="#">blog</a></li>
					<li><a href="#">contact us</a></li>
				</ul>
			</nav>
		</header>
		<main id="main" role="main">
			<div id="content">
				<div class="intro">
					<div class="img" style="background-image:url(images/img01.jpg);"></div>
					<span class="image-mobile"><img src="images/img01.jpg" alt="image description" width="1183" height="456" /></span>
				</div>
				<div class="content-holder">
					<h1>Lifelong Legal Solutions</h1>
					<p>Lorem ipsum dolor sit amet, ullum comprehensam at pro. Nullam fierent electram eum eu, expetendis comprehensam ex pro. Epicurei molestiae gubergren at ius, brute mundi id per, ne illud legere sed. Probo possit ex qui, has id populo honestatis. Vis delicata expetendis comprehensam ei. Id nec sapientem constituam, ex eam postea complectitur.</p>
					<div class="text-center">
						<p>Congue praesent cu vim, saepe nonumy ea qui, has an paulo tollit partiendo.</p>
					</div>
					<p>Cum utroque fuisset fastidii eu. Feugait indoctum ea mel. Quaestio tractatos ea cum. Aliquam fierent ea vis, te eos assum offendit consectetuer. Brute principes nec no. Duo ea autem deterruisset.</p>
					<h2>For Every Stage of Your Life...</h2>
					<img src="images/img02.jpg" alt="image description" class="alignleft" width="292" height="194">
					<p>m delectus complectitur et, per eu malis volumus. In case <a href="#">comprehensam has</a>, pro <a href="#">consul percipit</a>  m dignissim, eu <a href="#">his causae intellegam</a>. Nam molestie suscipiantur ex.</p>
					<p>numquam, pro everti periculis philosophia at. Cu quo dolor impedit tractatos. Duo mazim repu Ut melius fastidii pri, sale imperdiet his cu. Mei ei tota vivendo omittam, eam no euripidis consti d nostrum menandri consequuntur vim.</p>
					<p>uo, eu pro convenire dignissim vituperata, ubique periculis et nec. An ridens omittam vel, possim oporteat repudiare ne mei. Perfecto mnesarchum eam ex. Te audiam senserit mea.</p>
					<div class="review">
						<h3>What Our Clients Say</h3>
						<div class="review-slideshow">
							<div class="slideset">
								<div class="slide">
									<blockquote>
										<q>Nec ad nulla alterum vituperatoribus, mel mazim delectus complectitu! pro everti periculis philosophia at. Cu quo dolor impedit tractatos. Duo mazim repudiandae ei, no fierent lobortis mediocrem mei. Ut melius fastidii pri, sale imperdiet his cu.</q>
									</blockquote>
								</div>
								<div class="slide">
									<blockquote>
										<q>2Nec ad nulla alterum vituperatoribus, mel mazim delectus complectitu! pro everti periculis philosophia at. Cu quo dolor impedit tractatos. Duo mazim repudiandae ei, no fierent lobortis mediocrem mei. Ut melius fastidii pri, sale imperdiet his cu.</q>
									</blockquote>
								</div>
								<div class="slide">
									<blockquote>
										<q>3Nec ad nulla alterum vituperatoribus, mel mazim delectus complectitu! pro everti periculis philosophia at. Cu quo dolor impedit tractatos. Duo mazim repudiandae ei, no fierent lobortis mediocrem mei. Ut melius fastidii pri, sale imperdiet his cu.</q>
									</blockquote>
								</div>
							</div>
						</div>
						<div class="btn-wrap">
							<a href="#" class="btn">client testimonials</a>
						</div>
					</div>
					<h2>Getting in Touch</h2>
					<p>Nec ad nulla alterum vituperatoribus, mel mazim delectus complectitur et, per eu malis volumus. In case <a href="#">comprehensam has</a>, pro <a href="#">consul percipit</a> ea. Id pro eius nulla intellegebat. Vis ne omnium dignissim, eu <a href="#">his causae intellegam</a>.</p>
					<p><strong>Nam molestie suscipiantur ex.</strong></p>
					<footer class="footer mobile-hidden">
						<ul class="social-networks">
							<li><a href="#" class="ico-facebook">facebook</a></li>
							<li><a href="#" class="ico-google">google</a></li>
							<li><a href="#" class="ico-linkedin">linkedin</a></li>
						</ul>
						<p>Site by <a href="#">Gladiator Law Marketing</a></p>
					</footer>
				</div>
			</div>
			<div class="sidebar-holder">
				<aside id="sidebar">
					<div class="sidebar-col">
						<div class="sidebar-image">
							<img src="images/img03.jpg" alt="image description" width="397" height="234">
						</div>
						<ul class="data-list">
							<li><a href="mailto:&#097;&#116;&#116;&#111;&#114;&#110;&#101;&#121;&#115;&#064;&#110;&#101;&#119;&#097;&#108;&#098;&#097;&#110;&#121;&#108;&#097;&#119;&#046;&#099;&#111;&#109;">&#097;&#116;&#116;&#111;&#114;&#110;&#101;&#121;&#115;&#064;&#110;&#101;&#119;&#097;&#108;&#098;&#097;&#110;&#121;&#108;&#097;&#119;&#046;&#099;&#111;&#109;</a></li>
							<li><address>318 Pearl Street, Suite 200, New Albany, IN 47150</address></li>
						</ul>
						<div class="wpcf7">
							<form action="#" class="wpcf7-form" enctype="multipart/form-data">
								<h3>contact us online</h3>
								<span class="wpcf7-form-control-wrap text-field-required">
									<input type="text" name="text-field-required" placeholder="your name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required text-field-class wpcf7-use-title-as-watermark" size="12" />
								</span>
								<span class="wpcf7-form-control-wrap text-field-required">
									<input type="email" name="text-field-required" placeholder="your email" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required text-field-class wpcf7-use-title-as-watermark" size="12" />
								</span>
								<span class="wpcf7-form-control-wrap text-field-required">
									<input type="tel" name="text-field-required" placeholder="your phone" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required text-field-class wpcf7-use-title-as-watermark" size="12" />
								</span>
								<span class="wpcf7-form-control-wrap textarea">
									<textarea name="textarea" placeholder="tell us how we can help" class="wpcf7-form-control wpcf7-textarea textarea-class wpcf7-use-title-as-watermark" cols="10" rows="4"></textarea>
								</span>
								<input type="submit" value="click to send" class="wpcf7-form-control wpcf7-submit submit-class" />
								<div class="wpcf7-response-output wpcf7-display-none"></div>
							</form>
						</div>
						<div class="posts">
							<h2>cases we handle</h2>
							<div class="post">
								<h3><a href="#">Family Law</a></h3>
								<p>Working with families to address legal concerns including adoptions, divorce, custody and property.</p>
							</div>
							<div class="post">
								<h3><a href="#">Estate &amp; Elder Law</a></h3>
								<p>Our New Albany attorneys are your trusted resource for wills, guardianship concerns, trusts.</p>
							</div>
							<div class="post">
								<h3><a href="#">Real Estate</a></h3>
								<p>Handling both residential and commercial real estate needs - simple to complex.</p>
							</div>
						</div>
						<div class="autors-block">
							<h2>our attorneys</h2>
							<div class="autors-holder">
								<div class="autor-box">
									<a href="#"><img src="images/img04.jpg" alt="image description" width="196" height="124">
										<span>attorney</span>
										<strong class="name">Larry Church</strong></a>
								</div>
								<div class="autor-box">
									<a href="#"><img src="images/img05.jpg" alt="image description" width="196" height="124">
										<span>attorney</span>
										<strong class="name">Dana Eberle-Peay</strong></a>
								</div>
								<div class="autor-box">
									<a href="#"><img src="images/img06.jpg" alt="image description" width="196" height="124">
										<span>attorney</span>
										<strong class="name">Steve Langdon</strong></a>
								</div>
								<div class="autor-box">
									<a href="#"><img src="images/img07.jpg" alt="image description" width="196" height="124">
										<span>meet</span>
										<strong class="name">Our Team</strong></a>
								</div>
							</div>
						</div>
						<div class="sidebar-logo"><a href="#"><img src="images/sidebar-logo.png" width="397" height="85" alt="McNeelyStephenson" /></a></div>
					</div>
				</aside>
			</div>
		</main>
		<footer class="footer mobile-visible">
			<ul class="social-networks">
				<li><a href="#" class="ico-facebook">facebook</a></li>
				<li><a href="#" class="ico-google">google</a></li>
				<li><a href="#" class="ico-linkedin">linkedin</a></li>
			</ul>
			<p>Site by <a href="#">Gladiator Law Marketing</a></p>
		</footer>
	</div>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')</script>
	<script type="text/javascript" src="js/jquery.main.js"></script>
</body>
</html>