Card
Cards are used to display all information together for one entity, like a product being sold on a site.
Text Only Card
To use the text only card add the class card and card-text-only. For adding a shadow to text cards add the class card-shadow.
Assassin's Creed® Odyssey
Ubisoft
Choose your fate in Assassin's Creed® Odyssey. From outcast to living legend, embark on an odyssey to uncover the secrets of your past and change the fate of Ancient Greece.
Price: ₹2,999
Delivery by: 12 Feb, Saturday
Vitamin C Serum
THE ORDINARY Vitamin C Suspension 23% + HA Spheres 2%
Quantity: 30 ml
Price: ₹1,530
Delivery by: 18 Feb, Friday
You can paste the below code to get the text only card.
Horizontal Card
Horizontal cards display the information in a horizontal manner.
You can paste the below code to use the horizontal card.
Vertical Card
Vertical cards display the information in a vertical manner.
Amethyst Geode Loaf Soap
The Sass Bar
This fragrance is an obsession - smells absolutely delicious - lemon, grapefruit, English ivy. Not only do the soaps look delicious to eat but they are also amazing for your skin. They moisturise your skin with nourishing oils and are also super lather-y.
Balancium Comfort Ceramide Cream
Cosrx
You can paste the below code to use the vertical cards, first is detailed vertical and second is non-detailed card.
Card with Badge
Vertical cards display the information in a vertical manner, badges are generally used to display some critical info on top of the card.
Amethyst Geode Loaf Soap
The Sass Bar
This fragrance is an obsession - smells absolutely delicious - lemon, grapefruit, English ivy. Not only do the soaps look delicious to eat but they are also amazing for your skin. They moisturise your skin with nourishing oils and are also super lather-y.
Balancium Comfort Ceramide Cream
Cosrx
You can paste the below code to use the vertical cards with badge, first is detailed vertical card and second is non-detailed card.
Cards with Dismiss
Cards with dismiss button can be closed by clicking on the X button.
Amethyst Geode Loaf Soap
The Sass Bar
This fragrance is an obsession - smells absolutely delicious - lemon, grapefruit, English ivy. Not only do the soaps look delicious to eat but they are also amazing for your skin. They moisturise your skin with nourishing oils and are also super lather-y.
Balancium Comfort Ceramide Cream
Cosrx
You can paste the below code to use the vertical cards with badge and close button, first is detailed vertical card and second is non-detailed card. The dismiss functionality can be added using JavaScript.
Cards with Text Overlay
Cards with text overlay are used to indicate some important information to the user using text placed on top of the card.
Amethyst Geode Loaf Soap
The Sass Bar
This fragrance is an obsession - smells absolutely delicious - lemon, grapefruit, English ivy. Not only do the soaps look delicious to eat but they are also amazing for your skin. They moisturise your skin with nourishing oils and are also super lather-y.
Balancium Comfort Ceramide Cream
Cosrx
You can paste the below code to use the vertical cards with text overlay.