Card
Social media posts, Shopping cards
Social media post card
<div class="post-wrapper">
<div class="post-head">
<div class="post-avatar">
<img
class="avatar"
src="https://media.raritysniper.com/hape-prime/6435-600.webp"
alt="avatar-img"/></div>
<div class="post-details">
<p
class="post-username">HapePrime6435</p>
<p class="post-time">12 hrs
ago</p>
</div>
</div>
<div class="post-body">
<div
class="post-text-wrapper">
<p
class="post-text">
painting!!!</p>
</div>
<div class="post-image">
<img
class="responsive-img"
src="https://i.pinimg.com/564x/79/ad/08/
79ad084fb7bd9fe999e28cdb4b98e160.jpg"/>
</div>
</div>
</div>
Shopping card
ON SALE
<div
class="card-wrapper">
<div class="card-head">
<img
class="card-img"
src="https://i.pinimg.com/564x/8d/57/dc/8d57dc0c845f12a012d5b0e39803d8c6.jpg"
alt="" />
<div
class="card-banner">
ON SALE
</div>
</div>
<div class="card-body">
<div class="card-info">
<p class="card-name">
Balenciaga Jacket </p>
<p
class="card-price">$2229</p>
</div>
<div
class="card-btn-wrapper">
<button
class="primary-btn">Add to
cart</button>
</div>
</div>
</div>