<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
<h4 class="uppercase mb16">Contained Tiles <span class="label">New in v1.9</span></h4>

<p class="lead mb80">These multipurpose tiles make ideal presentations for project showcases or as links to auxilary pages around your site.</p>
</div>
</div>

<div class="row">
<div class="col-md-8 col-sm-10 col-sm-offset-1 col-md-offset-2">
<div class="horizontal-tile">
<div class="tile-left">
<div class="background-image-holder"><a href="#"><img alt="image" class="background-image" src="/sites/default/files/images/project-single-1.jpg" /> </a></div>
</div>

<div class="tile-right bg-secondary">
<div class="description">
<h4 class="mb8">Union Marriages</h4>

<h6 class="uppercase">Graphic Design</h6>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<!--end of horizontal tile-->

<div class="horizontal-tile">
<div class="tile-left">
<div class="background-image-holder"><a href="#"><img alt="image" class="background-image" src="/sites/default/files/images/project-single-3.jpg" /> </a></div>
</div>

<div class="tile-right bg-secondary">
<div class="description">
<h4 class="mb8">Pondering Blonde</h4>

<h6 class="uppercase">Fashion Photography</h6>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<!--end of horizontal tile--></div>
</div>
