- 3
- 4
- 3

John Doe Junior administrator

## Cards

#### Basic

By default, all the `.panel` does is apply some basic border and padding to contain some content.

Content.

#### Panel with Heading

Easily add a heading container to your panel with `.card-header`. You may also include any `h1` - `h6` with a `.card-title` class to add a pre-styled heading.

## Title

Content.

## Title

Subtitle

Content.

#### Panel with Footer

Wrap buttons or secondary text in `.card-footer`. Note that panel footers do not inherit colors and borders when using contextual variations as they are not meant to be in the foreground.

Content.

#### Panel Collapsed by Default

Add `.card-collapsed` class to the panel.

## Title

Content.

## Title

Content.

#### Panel Featured

Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.

## Title

`.card-featured`

## Title

Subtitle

`.card-featured`

## Title

`.card-featured.card-featured-primary`

## Title

Subtitle

`.card-featured.card-featured-primary`

## Title

`.card-featured.card-featured-success`

## Title

Subtitle

`.card-featured.card-featured-success`

## Title

`.card-featured.card-featured-warning`

## Title

Subtitle

`.card-featured.card-featured-warning`

## Title

`.card-featured.card-featured-danger`

## Title

Subtitle

`.card-featured.card-featured-danger`

## Title

`.card-featured.card-featured-info`

## Title

Subtitle

`.card-featured.card-featured-info`

## Title

`.card-featured.card-featured-dark`

## Title

Subtitle

`.card-featured.card-featured-dark`

#### Contextual Alternatives

Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.

## Title

`.card-primary`

## Title

Subtitle

`.card-primary`

## Title

`.card-success`

## Title

Subtitle

`.card-success`

## Title

`.card-warning`

## Title

Subtitle

`.card-warning`

## Title

`.card-danger`

## Title

Subtitle

`.card-danger`

## Title

`.card-info`

## Title

Subtitle

`.card-info`

## Title

`.card-dark`

## Title

Subtitle

`.card-dark`

#### Panel Transparent

Set the panel to transparent background.

## Title

Content.

## Title

Subtitle

Content.