<div class="m1 card vertical-card2-container"> <h4 class="overlay-text">Sold Out!</h4> <div class="overlay-container"> <img src="https://images-eu.ssl-images-amazon.com/images/I/41mZXgX-X6L._SX300_SY300_QL70_FMwebp_.jpg" alt="croton" class="card-img"> <i class="card-close-btn btn-disabled fas fa-times"></i> <div class="p1 card-text-container"> <div class="card-heading flex-r"> <div> <h5 class="card-header">Croton Plant</h5> <div class="card-info">Stock available</div> </div> <p class="card-price m-left-auto">Rs. 499</p> </div> <h6>Neque porro quisquam est qui adipisci velit...</h6> <div class="card-btns align-center"> <button class="btn btn-with-icon btn-disabled"><i class="p1-right fas fa-shopping-cart"></i>Add to cart</button> <div class="m-left-auto"> <button class="btn btn-icon card-icon-btn btn-disabled"><i class="far fa-heart"></i></button> <button class="btn btn-icon card-icon-btn btn-disabled"><i class="fas fa-ellipsis-v"></i></button> </div> </div> </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