<div class="row">
<div class="col-sm-12">
<div class="elements--title">
<h4>Horizontal Blog Cards</h4>
</div>
</div>

<div class="col-sm-12">
<div class="card card--horizontal card-6">
<div class="card__image col-sm-7 col-md-8">
<div class="background-image-holder"><a href="#"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/small4.jpg" /> </a></div>
</div>

<div class="card__body col-sm-5 col-md-4 boxed boxed--lg bg--white">
<h6><a href="#">Food &amp; Travel</a></h6>

<div class="card__title">
<h4><a href="#">Exploring New York's most popular coffee shops</a></h4>
</div>

<p><a href="#">Sticky note agile personas engaging ship it ideate disrupt earned media. </a></p>

<hr />
<div class="card__lower"><a href="#"><span>by</span> <span class="h6">Cameron Smith</span> </a></div>
</div>
</div>
</div>
</div>
