<div class="row clearfix products-03">
    <div class="col-12" style="text-align:center">
        <h1 style="font-weight:bold;">
            <span class="text-muted">OUR</span>
            PRODUCTS
        </h1>
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix products-03">
    <div class="col-12 col-md-3" style="text-align:center;">
        <div class="image-wrapper image-ratio-3-4 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""/>
        </div>
        <p class="text-muted">
            <a href="#" title="">&pound;79</a>
        </p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <div class="image-wrapper image-ratio-3-4 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                 alt=""
            />
        </div>
        <p class="text-muted">
            <a href="#" title="">&pound;99</a>
        </p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <div class="image-wrapper image-ratio-3-4 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                 alt=""
            />
        </div>
        <p class="text-muted">
            <a href="#" title="">&pound;89</a>
        </p>
    </div>
    <div class="col-12 col-md-3" style="text-align:center;">
        <div class="image-wrapper image-ratio-3-4 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""/>
        </div>
        <p class="text-muted">
            <a href="#" title="">&pound;99</a>
        </p>
    </div>
</div>
