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

<div class="col-md-6 col-sm-12">
<div class="card card--horizontal card-2">
<div class="card__image col-sm-5">
<div class="background-image-holder"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/small2.jpg" /></div>
</div>

<div class="card__body col-sm-7	 boxed bg--white">
<div class="card__title">
<h4>New Startup</h4>
</div>
<span> <em>A brief description of the card.</em> </span>

<p>Grok integrate thinker-maker-doer piverate entrepreneur sticky note iterate waterfall is so 2000 and late.</p>
</div>
</div>
</div>

<div class="col-md-6 col-sm-12">
<div class="card card--horizontal card-2">
<div class="card__image col-sm-5">
<div class="background-image-holder"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/small1.jpg" /></div>
</div>

<div class="card__body col-sm-7	 boxed bg--white">
<div class="card__title">
<h4>Portfolio</h4>
</div>
<span> <em>A brief description of the card.</em> </span>

<p>Grok integrate thinker-maker-doer piverate entrepreneur sticky note iterate waterfall is so 2000 and late.</p>
</div>
</div>
</div>
</div>
