<div class="is-section is-box is-bg-grey">
    <div class="is-boxes">
        <div class="is-box-centered">
            <div class="is-container is-builder container" style="max-width: 1057px;">
                <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 &amp; convenient for you
                        </p>
                        <div class="spacer height-40"></div>
                    </div>
                </div>
                <div class="row clearfix products-02">
                    <div class="col-12 col-md-4" style="text-align:center;">
                        <div class="card shadow-sm p-4">
                            <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>
                            <p>
                                <a href="#" class="btn btn-primary">Buy Now</a>
                            </p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4" style="text-align:center;">
                        <div class="card shadow-sm p-4">
                            <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>
                            <p>
                                <a href="#" class="btn btn-primary">Buy Now</a>
                            </p>
                        </div>
                    </div>
                    <div class="col-12 col-md-4" style="text-align:center;">
                        <div class="card shadow-sm p-4">
                            <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>
                            <p>
                                <a href="#" class="btn btn-primary">Buy Now</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
