<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> &ensp; $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>