Cards
Introduction

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

Default Card

By default a card will have a image with some body text and a footer at end.

Airmax 1

Nike

Rs. 6999/-

Card with badge

By default a card will have a image with some body text and a footer at end.

NEW

Airmax 1

Nike

Rs. 6999/-

Card with dismiss

You can also add a dismiss(cancel) icon at the top right corner of your card

Airmax 1

Nike

Rs. 6999/-

Card with text overlay

You can also show headings over your card by simply adding another class card-txt-over-img. By default, it comes with a ligher shade of primary color in the background.

Airmax 1

Nike

Rs. 6999/-

Card with only text

If you only need to show some piece of text in a card, we have you covered. Simply put card-only-text class and you will have a card with scrollable text area at your service.

Airmax 1

Nike

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Card with shadows

To make your cards even prettier, you can also add shadows to it using card-shadow class

NEW

Airmax 1

Nike

Rs. 6999/-

Horizontal Card

For a compact view, you can also use horizontal card

Airmax 1

Nike

Rs. 6999/-