Cards group and display information related to a product, category or service using components like text, images, badges, etc to grab the user's attention.
This is a basic, vertical card with an image, title, subtitle, description, price, and buttons.
To generate a vertical card, use the base class card along with the supporting class card-vertical.
Hardcover
Harry Potter and the Philosopher's Stone
J. K. Rowling
Harry Potter, an eleven-year-old orphan, discovers that he is a wizard and is invited to study at Hogwarts. Even as he escapes a dreary life and enters a world of magic, he finds trouble awaiting him.
₹299.00
(40%)
₹499.00
Out of Stock
Copy the code below to generate a basic, vertical card.
Horizontal Card
This is a basic, horizontal card with an image, title, subtitle, description, price, and buttons.
To generate a horizontal card, use the base class card along with the supporting horizontal card class card-horizontal.
Please not that in small screens, a horizontal card appears as a vertical card.
Hardcover
Harry Potter and the Philosopher's Stone
J. K. Rowling
Harry Potter, an eleven-year-old orphan, discovers that he is a wizard and is invited to study at Hogwarts.
Even as he escapes a dreary life and enters a world of magic, he finds trouble awaiting him.
₹299.00
(40%)
₹499.00
Out of Stock
Copy the code below to use a basic, horizontal card.
Card with Badge
This card contains a text badge that specfies short information to the user.
To generate a card with badge, add the base classs card and the vertical/ horizontal card classes, along with the supporting class, card-wt-badge.
Hardcover
Harry Potter and the Philosopher's Stone
J. K. Rowling
Harry Potter, an eleven-year-old orphan, discovers that he is a wizard and is invited to study at Hogwarts.
Even as he escapes a dreary life and enters a world of magic, he finds trouble awaiting him.
₹299.00
(40%)
₹499.00
Out of Stock
Copy the code below to use a card with badge.
Card with Dismiss Button
This card contains a dismiss button icon to close the card.
To generate a card with dismiss icon, add the base classs card and the vertical/ horizontal card classes, along with the supporting class, card-wt-dismiss.
Hardcover
Harry Potter and the Philosopher's Stone
J. K. Rowling
Harry Potter, an eleven-year-old orphan, discovers that he is a wizard and is invited to study at Hogwarts.
Even as he escapes a dreary life and enters a world of magic, he finds trouble awaiting him.
₹299.00
(40%)
₹499.00
Out of Stock
Copy the code below to use a card with a dismiss button.
Card with Overlay Text
This card contains an overlay text that to highlight some important information.
To generate a card with overlay text, add the base classs card and the vertical/ horizontal card classes, along with the supporting class, card-overlay.
Hardcover
Harry Potter and the Philosopher's Stone
J. K. Rowling
Harry Potter, an eleven-year-old orphan, discovers that he is a wizard and is invited to study at Hogwarts.
Even as he escapes a dreary life and enters a world of magic, he finds trouble awaiting him.
₹299.00
(40%)
₹499.00
Out of Stock
Copy the code below to use cards with overlay and a text on it.
Card with Text Only
This card contains only text content ant buttons.
To generate a card with only text, add the base classs card and the vertical/ horizontal card classes, along with the supporting class, card-text-only.
Hardcover
Harry Potter and the Philosopher's Stone
J. K. Rowling
Harry Potter, an eleven-year-old orphan, discovers that he is a wizard and is invited to study at Hogwarts.
Even as he escapes a dreary life and enters a world of magic, he finds trouble awaiting him.
₹299.00
(40%)
₹499.00
Out of Stock
Copy the code below to use cards with only text content.
Card with Shadow
This card contains a shadow around it.
To generate a card with shadow, add the base classs card and the vertical/ horizontal card classes, along with the supporting class, card-shadow.
Hardcover
Harry Potter and the Philosopher's Stone
J. K. Rowling
Harry Potter, an eleven-year-old orphan, discovers that he is a wizard and is invited to study at Hogwarts.
Even as he escapes a dreary life and enters a world of magic, he finds trouble awaiting him.