Sample Code
<div class="items gap">
<div class="card">
<div class="card-image">
<img src="/themes/navapro/images/demo/placeholder/600-300.svg" alt="card image">
</div><!-- /card-image -->
<div class="card-content">
<h4>My Card One</h4>
<p>Lorem ipsum dolor sit amet elit leo in vitae turpis massa sed elementum tempus egestas.</p>
</div><!-- /card-content -->
</div><!-- /card -->
<div class="card">
<div class="card-image">
<img src="/themes/navapro/images/demo/placeholder/600-300.svg" alt="card image">
</div><!-- /card-image -->
<div class="card-content">
<h4>Awesome Second Card</h4>
<p>Lorem ipsum dolor sit amet elit leo in vitae turpis massa sed elementum tempus egestas.</p>
</div><!-- /card-content -->
</div><!-- /card -->
<div class="card">
<div class="card-image">
<img src="/themes/navapro/images/demo/placeholder/600-300.svg" alt="card image">
</div><!-- /card-image -->
<div class="card-content">
<h4>The Card Three</h4>
<p>Lorem ipsum dolor sit amet elit leo in vitae turpis massa sed elementum tempus egestas.</p>
</div><!-- /card-content -->
</div><!-- /card -->
</div><!-- /items -->
