Examples

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.

Cards are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization. Built with flexbox, they offer easy alignment and mix well with other components.

Cards are designed to be flexible to your content. content blocks can include any custom elements related to your content.

A card can contain a header.

A card can contain content metadata.

Link

A card can be formatted so that the entire contents link to another page. Also a card can contain contain links as images, headers, or inside content.

Center Card

A card can center itself inside its container.

Colored

A card can specify a color.

A card can contain content metadata.

Sizes

A card can be used in many sizes

Mini

Tiny

Small

Normal

Large

Big

Huge

Massive

Live Card

A card can be used in live with on and off status