Minimog
Live Preview

Image Box

Image Box for each object. Include title and description

Image box 01

Blazers

Blazers

12 Items

<div style="max-width: 370px">
    <div class="card border-0">
        <img src="../../images/image-box-01.jpg" alt="Blazers" class="card-img">
        <div class="card-body px-0 pt-4 pb-0">
            <h3 class="fs-24 mb-0"><a href="#">Blazers</a></h3>
            <p class="mb-0">12 Items</p>
        </div>
    </div>
</div>

Image box 02

The new - season shoes edit

The new - season shoes edit

From comfortable flats to statement heels, there’s a shoe style for every occasion this season.

Shop Now 
<div style="max-width: 570px">
    <div class="card border-0">
        <img src="../../images/image-box-01.jpg" alt="The new - season shoes edit" class="card-img">
        <div class="card-body px-0 pt-5 pb-0">
            <h3 class="fs-24 mb-2 text-capitalize">The new - season shoes edit</h3>
            <p class="mb-3 mw-430">From comfortable flats to statement heels, there’s a shoe style for every occasion
                this season.</p>
            <a href="shop-page-01.html" class="border-bottom lh-14375">Shop Now</a>
        </div>
    </div>
</div>

Image box 03

<div style="max-width: 160px">
    <div class="card border-0 text-center">
        <a href="#"><img src="../../images/image-box-03.png" alt="Summer Collection" class="card-img"></a>
        <div class="card-body px-0 pt-5 pb-0">
            <a href="#" class="fs-20 font-weight-500"><span class="border-bottom border-primary border-2x">Dresses</span><sup class="ml-1">12</sup></a>
        </div>
    </div>
</div>

Image box 04

<div style="max-width: 226px">
    <div class="card border-0 text-center">
        <a href="#"><img src="../../images/image-box-05.jpg" alt="Jackets" class="card-img"></a>
        <div class="card-body px-0 pt-4 pb-0">
            <a href="#" class="fs-20 font-weight-500"><span class="border-bottom border-primary border-2x">Jackets</span><sup class="ml-1">12</sup></a>
        </div>
    </div>
</div>

Image box 05

<div style="max-width: 520px">
    <div class="card border-0">
        <a href="#"><img src="../../images/image-box-06.jpg" alt="Jackets" class="card-img"></a>
        <div class="card-body px-0 pt-4 pb-0">
            <a href="#" class="fs-20 font-weight-500"><span>Jeans</span><sup class="ml-1 fs-12 font-weight-600">12</sup></a>
        </div>
    </div>
</div>