<div class="row clearfix products-44">
    <div class="col-12 col-md-6">
        <div class="image-wrapper image-ratio-3-4">
            <img
                src="{{ config('builder.frontend_asset_path') }}/placeholders/square.jpg"
                alt=""
            />
        </div>
    </div>
    <div class="col-12 col-md-6">
        <h2 class="display-4">Extra Bass Earphone</h2>
        <div class="lead">
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                industry's.
            </p>
        </div>
        <div class="spacer height-20"></div>
        <table class="table border-bottom">
            <tbody>
                <tr>
                    <td>Price</td>
                    <td style="text-align: right;">&pound;34</td>
                </tr>
                <tr>
                    <td>Color Availability</td>
                    <td style="text-align: right;">Black, White, Red</td>
                </tr>
            </tbody>
        </table>
        <div class="spacer height-20"></div>
        <div>
            <a href="#" class="btn btn-secondary" title="">Add to Cart</a>
            <a href="#" class="btn btn-primary ml-2" title="">Buy Now</a>
        </div>
        <div class="spacer height-20"></div>
        <p style="margin-bottom: 5px; text-align: right;">Share:</p>
        <div class="is-social" style="text-align: right;">
            <a href="https://twitter.com/home?status=https://example.com/">
                <i class="icon fab fa-twitter"></i>
            </a>
            <a href="https://www.facebook.com/sharer/sharer.php?u=https://example.com/">
                <i class="icon fab fa-facebook-f"></i>
            </a>
            <a href="https://pinterest.com/pin/create/button/?url=https://example.com/&amp;media=&amp;description=">
                <i class="icon fab fa-pinterest-p"></i>
            </a>
        </div>
    </div>
</div>
