w dis hor dark card

           <!-- horizontal dark card -->
           <div class="card-horizontal card-dark">
               <button class="btn secondary-text-btn-sm card-close">
                 <i class="fas fa-times"></i></button>
               <div class="card-img-container">
                   <img src="..." alt="product-image" />
               </div>
               <div class="card-body">
                   <div class="card-text">
                       <h1 class="card-title title-sm">
                         Canon EOS 1500D 24.1 Digital SLR Camera
                           (Black) with EF S18-55 is II Lens</h1>
                       <h2 class="card-price">35,999/-</h2>
                   </div>
                   <div class="card-nav">
                       <div class="card-cta-btn">
                           <button class="btn primary-btn-sm add-to-cart">
                             Add to Cart</button>
                           <div class="card-nav-icon">
                               <button class="btn primary-text-btn-sm icon-md">
                                 <i class="far fa-heart"></i>
                               </button>
                               <button class="btn primary-text-btn-sm icon-md">
                                 <i class="fas fa-share-alt"></i>
                               </button>
                           </div>
                       </div>
                   </div>
               </div>
           </div>