<div class="card card--horizontal"> <div class="card--img--container"> <img src="https://rukminim1.flixcart.com/image/660/792/k3t21zk0/shirt/g/j/g/m-wish0119-wrogn-original-imafmtz8cr8gkavz.jpeg?q=50" alt="Man in Blue Suit" class="img--res" /> </div> <div class="card--content--btn--container"> <div class="card--content"> <div class="card--title">Stylish Blue Shirt</div> <div class="card--manufacturer">By LP fashion</div> <div class="card--review--container"> <div class="card--review--star"> 4.2 <i class="far fa-star" aria-hidden="true"></i> </div> <div class="card--review--number">(256)</div> </div> <div class="card--price--container"> <div class="actual--price">₹600</div> <div class="strike--price">₹1200</div> <div class="offer--percentage">(50%off)</div> </div> </div> <div class="card--btn"> <button class="btn btn--primary w-100">Add to cart</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