Product-Card-Ui-Design is an example of product card ui. It is bulit using html and css, contains an image, title, price, description and a buy button. If you plan to display a product, this example is good choice.
How to use this example?
You can download this project and check index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- *** CSS *** -->
<link rel="stylesheet" href="assets/css/styles.css">
<title>Responsive Product Card</title>
</head>
<body>
<div class="container">
<div class="card">
<img src="assets/img/img.png" alt="" class="card_img">
<!-- <div class="card__content"> -->
<div class="card_data">
<h1 class="card_title">Nike Air Jordan</h1>
<span class="card_price">KSh.9999</span>
<p class="card_description">Nike Air Jordan 13 Court Purple Footwear Basketball Sneakers.</p>
<a href="#" class="card_button">Buy Now</a>
</div>
<!-- </div> -->
</div>
</div>
</body>
</html>
