<div class="row clearfix products-13">
    <div class="col-12" style="text-align:center">
        <h2 class="display-4">TOP RATED PRODUCTS</h2>
        <p style="border-bottom: 2px solid; width: 50px; display: inline-block;"></p>
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix products-13">
    <div class="col-12 col-md-4">
        <div class="image-wrapper image-ratio-4-3 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""/>
        </div>
        <h3>PRODUCT NAME</h3>
        <p>Lorem Ipsum is simply dummy text of the printing industry.</p>
        <p>
            <a href="#" class="btn btn-link">BUY NOW</a>
        </p>
    </div>
    <div class="col-12 col-md-4">
        <div class="image-wrapper image-ratio-4-3 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""/>
        </div>
        <h3>PRODUCT NAME</h3>
        <p>Lorem Ipsum is simply dummy text of the printing industry.</p>
        <p>
            <a href="#" class="btn btn-link">BUY NOW</a>
        </p>
    </div>
    <div class="col-12 col-md-4">
        <div class="image-wrapper image-ratio-4-3 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""/>
        </div>
        <h3>PRODUCT NAME</h3>
        <p>Lorem Ipsum is simply dummy text of the printing industry.</p>
        <p>
            <a href="#" class="btn btn-link">BUY NOW</a>
        </p>
    </div>
</div>
