<div class="card horizontal-card-container"> <div class="card-img"> <img class="horizontal-card-img" src="" alt="" /> </div> <div class="card-info"> <h2 class="card-title">Nike Shoe</h2> <h3 class="subtitle">subtitle</h3> <div class="card-body"> <div> <p class="disc-price">₹850</p> <p class="actual-price">₹1700</p> <p class="offer-info">(50% OFF)</p> </div> </div> <div class="card-footer"> <button class="btn-link call-to-action">Add to cart</button> <button class="btn-link not-call-to-action"> Add to wishlist </button> </div> </div> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter