[[$document_head]]
[[$rendered_header]]
    
    
    <!-- Parallax Slider -->        
	<div class="slider-wrapper">
		<div id="da-slider" class="da-slider">
			<div class="da-slide">
				<h2>Creativity Reigns Supreme</h2>
				<p>Through innovative design and cutting-edge web development, we offer creative solutions and services to fit the needs of your growing business.</p>
				<a href="[[$public_url]]company/about-us" class="da-link">Read more</a>
				<div class="da-img"><img src="//www.mandledesign.com/md_images/parallax-slider/logo.png" alt="image01" /></div>
			</div>
			<div class="da-slide">
				<h2>You Can't Un-See That</h2>
				<p>Don't settle for the website that your friend's 12-year-old nephew built in his basement. You deserve innovative, responsive, and mobile-friendly design on top of a cutting-edge content management system.</p>
				<a href="[[$public_url]]solutions/web" class="da-link">Read more</a>
				<div class="da-img"><img src="//www.mandledesign.com/md_images/parallax-slider/nerd.png" alt="image02" /></div>
			</div>
			<div class="da-slide">
				<h2>It's All About The Content</h2>
				<p>We provide our clients with a cutting-edge content management system, which puts you in total control of your web presence. Gone are the days of drag-and-drop, limited customizability, or a support ticket every time you want to add a page. Say hello to freedom.</p>
				<a href="[[$public_url]]solutions/web" class="da-link">Read more</a>
				<div class="da-img"><img src="//www.mandledesign.com/md_images/parallax-slider/hooah-slider.png" alt="image03" /></div>
			</div>
			<div class="da-slide">
				<h2>Featured: <span style="font-style: italic;">Woodfire Grill</span></h2>
				<p>Sometimes the best work is conceived over late night drinks after the midnight hour.</p>
				<a href="[[$public_url]]clients/woodfire-grill" class="da-link">Read more</a>
				<div class="da-img"><img src="//www.mandledesign.com/md_images/parallax-slider/woodfire.png" alt="image04" /></div>
			</div>
			<nav class="da-arrows">
				<span class="da-arrows-prev"></span>
				<span class="da-arrows-next"></span>
			</nav>
		</div>
	</div>

	<div id="wrapper">
    	<div class="container">
			<hr />

      		<div id="home_content" class="hero-unit">
				[[*content]]
      		</div>

			<hr />

			<div class="row">
			    <div class="span4 home-callout">
			        <h3>[[*hpCallout1_title]]</h3>
                                [[*hpCallout1_content]]
			    </div>
                            <div class="span4 home-callout center">
		                <h3>[[*hpCallout2_title]]</h3>
                                [[*hpCallout2_content]]
    			    </div>
			    <div class="span4 home-callout">
	  		        <h3>[[*hpCallout3_title]]</h3>
                                [[*hpCallout3_content]]
			    </div>
	   		    <div class="clear"></div>
		        </div>
			<div class="clear"></div>

			<hr />

      		        [[$info_row]]
            
			<hr />

			<div class="clients-carousel">

				<ul class="slides clients">
					[[!buildClientLogos]]
				</ul>

			</div>

			<hr>

		</div>

	</div>

[[$rendered_footer]]
[[$document_foot]]