<div class="health-card health-card--clickable health-card--shadow health-card--colour-primary">
<div class="health-card__body">
<h2 class="health-card__title">
<a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
</h2>
<div class="health-card__text">
<p>This card uses the primary colour as a background.</p>
</div>
<div class="health-card__date">20 July 2019</div>
<div class="health-card__tag">News</div>
</div>
</div>
Cards are used to present discrete pieces of content.