Cards are surfaces that display content and actions on a single
topic.
They should be easy to scan for relevant and actionable information. Elements, like text and images,
should be placed on them in a way that clearly indicates hierarchy.
Simple Card
Simple Card is the one that contains a title, a descriptive text. To use the Card Component, card-title, and card-text inside a div with class card.
Image Card
Image Card is the one that contains an Image, Title & Text. To use the Card Component, put card-image, card-title and card-text, inside a div with class card.
Social Media Card
Social Media Card is the one that contains an Avatar, Profile Name, Image, and Description.
eCommerce Card
eCommerce Card is used to display the products details i.e., Product shot, Name, Type, Fixed badge, Price, Discount and stock.