<div class="card-container-horizontal">
          <div class="badge-text  color-bg-secondary  card-badge">New</div>
          <img src="../../../website-docs/images/book.jpeg" alt="card-img" class="img-responsive card-horizontal-img" />
          <div class="card-horizontal-section">
            <div class="text-2xl font-bold card-heading">The Alchemist</div>
            <div class="text-sm color-text-grey">Author: Paulo Coehlo</div>
            <div class="text-base card-desc">A Fable About Following Your Dream</div>
            <div class="card-price">
              <span> ₹ 229 </span>
              <span class="price-before text-xs"> ₹350 </span>
              <span class="color-text-error text-xs"> (Save 32%) </span>
            </div>
            <span class="text-base inline-block">4.6 <i class="fa fa-star checked"></i> /5</span>
            <button class="btn btn-sm">add to cart</button>
          </div>
        </div>