Stylish card using HTML, CSS
Demo: https://codepen.io/devzstudio/pen/JzXzEE
- Include style.css in your document
<link rel="stylesheet" href="style.css">
<div class="card-sl">
<div class="card-image">
<img
src="https://images.pexels.com/photos/1149831/pexels-photo-1149831.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" />
</div>
<a class="card-action" href="#"><i class="fa fa-heart"></i></a>
<div class="card-heading">
Audi Q8
</div>
<div class="card-text">
Audi Q8 is a full-size luxury crossover SUV coupรฉ made by Audi that was launched in 2018.
</div>
<div class="card-text">
$67,400
</div>
<a href="#" class="card-button"> Purchase</a>
</div>
-
Feel free to report bugs to [email protected] ๐
-
Feel free to customize โ๏ธ
-
Open source ๐