<div class="saiyan-horizontal-card"> <div class="card__img__container"> <img class="card__img" src="https://assets.myntassets.com/h_1440,q_90,w_1080/v1/assets/images/16847641.jpg" alt="cart-img" /> </div> <div class="saiyan-horizontal-card__body"> <h3>Men Premium Tshirt</h3> <h1 class="card__price"> Rs. 799 <span class="card__price__stricked">Rs.1599</span> </h1> <h2 class="card__price__discount">50% off</h2> <div class="card__quantity"> <span>Quantity:</span> <span><button class="card__quantity__btn card__quantity__btn--minus"> - </button> <input class="card__quantity__box" type="text" name="" id="" value="2" readonly /> <button class="card__quantity__btn card__quantity__btn--plus"> + </button></span> </div> <div class="card__CTA__container"> <a class="card__CTA__btn card__CTA__btn--primary" href="#">Remove From Cart</a> <a class="card__CTA__btn card__CTA__btn--secondary" href="#">Move to Wishlist</a> </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