card

The card component is typically used to display images, icons, texts, buttons, links etc in a single division.

Card with linked-image, Heading and Button

This Card can be seen at most of the places. eg :- e-commerce sites, Social sites and Applications.
Give it a try by just copying the code below or mention the class name "simple-card" in your div tag which you want to make a card.

---

Card with Badge

This card can be seen mostly when we do online shoping. eg :- e-commerce sites and Applications.
Give it a try by just copying the code below or mention the class name "card-div badge" in your div tag which you want to make a card.

---

Horizontal Card

This card can be seen mostly when we open the shoping applications in our mobile. eg :- Amazon, Flipkart Applications .
Give it a try by just copying the code below or mention the class name "horizontal-card" in your div tag which you want to make a Card.

---

Card with Text Overlay

This card can be seen mostly when we open the shoping applications in our mobile and the item is out of stock. eg :- Amazon, Flipkart Applications .
Give it a try by just copying the code below or mention the class name "horizontal-card overlay" in your div tag which you want to make a Card.

---