Clientwhys - Index card for blog articles
<div class="indexCard indexCard-alt">
<div class="indexCard__image">
<img src="http://lorempixel.com/360/360/sports/">
</div>
<div class="indexCard__bottom">
<h3 class="h3 indexCard__heading"><a href="#">Heading</a></h3>
<div class="indexCard__content">
<p>iberal Expensing Limits Can Create Major...</p>
<a href="#" class="indexCard__link">Read Article</a>
</div>
<div class="tags">
<p class="tagsHeading">Categories: </p>
<ul class="tagList">
<li><a href="#">Calculators & Tools</a></li>
<li><a href="#">Tax</a></li>
<li><a href="#">VIEW ALL</a></li>
</ul>
</div>
<div class="tags">
<p class="tagsHeading">Tags: </p>
<ul class="tagList">
<li><a href="#">Medical</a></li>
<li><a href="#">Life Events</a></li>
</ul>
</div>
</div>
</div>