Cards are simple way to present data in a boxed container. Default Cards does not apply any style to the cards and you are free to use utility classes to create cards of different styles.

Cards With Border

Use the .border or .border-dark utility classes to apply border to the card.

<!-- TODO -->

Cards With Shadow

Use the .shadow, .shadow-md and .shadow-hover utility classes to apply shadow to the card.

<!-- TODO -->

Cards With Background Color

Use color utility classes to specify background color of the card.

<!-- TODO -->

Cards With Images

Card Title

Card subtitle

Card with Image.

Buy Now

Card Title

Card subtitle

Card with full width image on top.

Buy Now

Card Title

Card with full width image in body.

Buy Now

<!-- TODO -->

Horizontal Cards

<!-- TODO -->