
<div class="row clearfix products-02">
    <div class="col-12" style="text-align:center">
        <h1 class="display-4" style="font-weight: bold;">Our Products</h1>
        <p class="h5" style="font-style: italic;">We make shopping way easier & convenient for you</p>
        <div class="spacer height-40"></div>
    </div>
</div>

<div class="row clearfix products-02">

    <div class="col-12 pt-3 col-md-4" style="text-align:center;">
        <div class="card d-flex h-100 justify-content-between p-4 shadow-sm">
            <div>
                <div>
                    <div class="d-inline-block w-100 mb-3" style="max-width: 150px;">
                        <div class="image-wrapper">
                            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                 alt=""
                                 class="rounded-circle"
                            >
                        </div>
                    </div>
                </div>
                <h3>Product One</h3>
                <p>Lorem Ipsum is dummy text of the printing industry.</p>
            </div>
            <p>
                <span>
                    <a href="#" class="btn btn-primary btn-lg">More Info</a>
                </span>
            </p>
        </div>
    </div>

    <div class="col-12 pt-3 col-md-4" style="text-align:center;">
        <div class="card d-flex h-100 justify-content-between p-4 shadow-sm">
            <div>
                <div>
                    <div class="d-inline-block w-100 mb-3" style="max-width: 150px;">
                        <div class="image-wrapper">
                            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                 alt=""
                                 class="rounded-circle"
                            >
                        </div>
                    </div>
                </div>
                <h3>Product Two</h3>
                <p>Lorem Ipsum is dummy text of the printing industry.</p>
            </div>
            <p>
                <span>
                    <a href="#" class="btn btn-primary btn-lg">More Info</a>
                </span>
            </p>
        </div>
    </div>

    <div class="col-12 pt-3 col-md-4" style="text-align:center;">
        <div class="card d-flex h-100 justify-content-between p-4 shadow-sm">
            <div>
                <div>
                    <div class="d-inline-block w-100 mb-3" style="max-width: 150px;">
                        <div class="image-wrapper">
                            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                                 alt=""
                                 class="rounded-circle"
                            >
                        </div>
                    </div>
                </div>
                <h3>Product Three</h3>
                <p>Lorem Ipsum is dummy text of the printing industry.</p>
            </div>
            <p>
                <span>
                    <a href="#" class="btn btn-primary btn-lg">More Info</a>
                </span>
            </p>
        </div>
    </div>
</div>
