<div class="row clearfix photos-07">
    <div class="col-12" style="text-align:center">
        <h2 class="display-3">OUR WORKS</h2>
        <div class="spacer height-40"></div>
    </div>
</div>
<div class="row clearfix photos-07">
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="image-wrapper image-ratio-4-3 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""/>
        </div>
        <h3>PROJECT ONE</h3>
        <p>Lorem Ipsum is simply dummy text.</p>
    </div>
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="image-wrapper image-ratio-4-3 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""/>
        </div>
        <h3>PROJECT TWO</h3>
        <p>Lorem Ipsum is simply dummy text.</p>
    </div>
    <div class="col-12 col-md-4" style="text-align:center;">
        <div class="image-wrapper image-ratio-4-3 mb-3">
            <img src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg" alt=""/>
        </div>
        <h3>PROJECT THREE</h3>
        <p>Lorem Ipsum is simply dummy text.</p>
    </div>
</div>
