Stylish-Card

Stylish card using HTML, CSS

Demo: https://codepen.io/devzstudio/pen/JzXzEE

Usage

1. 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>

Bugs, Update, License

• Feel free to report bugs to jijin@devzstudio.com 🐞

• Feel free to customize ✒️

• Open source 🎉

Credits

1. https://pexels.com
2. https://getbootstrap.com
3. http://fontawesome.io