Card with badge
Sat Feb 12 2022 02:58:59 GMT+0000 (Coordinated Universal Time)
Saved by
@aayushjain602
<div class="flex-row-container2">
<div class="m1 card vertical-card1-container">
<div class="badge-container">
<span class="text-badge">NEW</span>
<img src="https://images-eu.ssl-images-amazon.com/images/I/51tbcILVglL._SX300_SY300_QL70_FMwebp_.jpg" alt="Fiddle Leaf fig" class="card-img">
</div>
<div class="p1 card-text-container">
<h5 class="card-header">Lenovo Ideapad 3 AMD Ryzen 5 5500U</h5>
<div class="card-info">Stock available</div>
<div class="align-center">
<p class="card-price">Rs. 550</p>
<button class="btn btn-icon card-icon-btn m-left-auto"><i class="far fa-heart"></i></button>
</div>
</div>
</div>
<div class="m1 card flex-r horizontal-card-container">
<div class="badge-container">
<span class="text-badge">NEW</span>
<img src="https://m.media-amazon.com/images/I/51to4LHOOKL._SL1000_.jpg" alt="croton" class="card-img">
</div>
<div class="card-text-container">
<h5 class="card-header">Lenovo 600 Bluetooth 5.0 Silent Mouse</h5>
<div class="card-info">Stock available</div>
<p class="card-price">Rs. 1499</p>
<h6>Compact, Portable, Dongle-Free Multi-Device connectivity with Microsoft Swift Pair</h6>
<div class="card-btns align-center">
<button class="btn btn-with-icon"><i class="p1-right fas fa-shopping-cart"></i>Add to
cart</button>
<button class="m1 btn btn-primary-outline">Move to Wishlist</button>
</div>
</div>
</div>
</div>
content_copyCOPY
Comments