bootstrap list carousel
<!-- Card -->
<div class="">
<div class="z-depth-2 rounded">
<img class="img-fluid w-100"
src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Vertical/12a.jpg" alt="Sample">
<a href="#!">
<div class="mask">
<img class="img-fluid w-100"
src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Vertical/12.jpg">
<div class="mask rgba-black-slight"></div>
</div>
</a>
</div>
<div class="text-center pt-4">
<h5>Fantasy T-shirt</h5>
<h6 class="mb-3">12.99 $</h6>
</div>
</div>
<!-- Card -->