<div class="row clearfix products-42">
    <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">Charge &amp; Sync Cable</h2>
        <p class="h3" style="font-weight: bold;">&pound;23</p>
        <div class="lead">
            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
            <ul>
                <li>Lorem Ipsum is simply dummy text</li>
                <li>Lorem Ipsum is simply dummy text</li>
                <li>Lorem Ipsum is simply dummy text</li>
            </ul>
            <p>Color Availability: White, Black</p>
        </div>
        <div>
            <a href="#" class="btn btn-secondary" title="">Add to Cart</a>
            <a href="#" class="btn btn-primary ml-2">Buy Now</a>
        </div>
        <div class="spacer height-20"></div>
        <p style="margin-bottom: 5px;">Share:</p>
        <div class="is-social">
            <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>
