Card
Cards are surfaces that display content and actions on a single topic.
Card with Badge
Badge presents on card with Title, Text and icons.
Lorem Ipsum
by Richard McClintock
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
To use the Card Component put card-description, card-button, card title, inside a div with class card.You can copy html part from below code snippet too.
Card with Dismiss
Close Button will display on card.
Lorem Ipsum
by Richard McClintock
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Card with Text Overlay
Text will apper on the image.
Lorem Ipsum
by Richard McClintock
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Text Only Card
Only Text will be available on the card.
Lorem Ipsum
by Richard McClintock
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Vertical/Horizontal Card
Below is showing a Horizontal Card.
Lorem Ipsum
by Richard McClintock
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Card with Shadow
You will see a shadow of the Card.
Lorem Ipsum
by Richard McClintock
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...
Card with image, badge and button
The card with image on top with an icon can be used in E-commerce pages. It will look like below card.
Lorem Ipsum
Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nulla.
Offer Price: Rs.12,60