<div class="card"> <!-- cart media --> <div class="card-media"> <img class="responsive-img" src="https://picsum.photos/200" /> </div> <!-- cart content --> <div class="card-content"> <span class="title"> Chrome-book 500 </span> <span class="subtitle"> powered by Google </span> <div class="card-description"> <div class="rating"> <span class="material-icons md-18 rated"> star_rate </span> <span class="material-icons md-18 rated"> star_rate </span> <span class="material-icons md-18 rated"> star_rate </span> <span class="material-icons md-18"> star_rate </span> <span class="material-icons md-18"> star_rate </span> </div> <span>Price : <del>$500</del>   $455 </span> </div> </div> <!-- cart footer--> <div class="card-footer"> <button class="btn btn-secondary-outline"> <span class="material-icons md-18"> shopping_cart </span> Add to cart </button> <button class="btn btn-primary">Buy Now</button> </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