Tour

- Persian new

Pages
- Dashboard
- Dark Dashboard
- Login
- Login Colored

Customize
- Color
- Typography
- Dark Mode
- Rtl
- SideBar

Element

- Animation
- Icon

Base Component 9
- alert
- Badge
- Breadcrumb
- Button
- Card
- Collapse
- Input
- Jumborton
- Pagination
- Progress

Extra Component
- Modal
- Toast
- Widget
- Chart

support

- GitHub
- Submit Issue
- Help

donate

- Buy me a coffee

# Card

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

> #### Shade Card, Flat Card

###### card flat f-

###### card shade outlined o-*

###### card shade full-outlined o-*

##### Card title

used class:
card flat f-main

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link

##### Card title

used class:
card shade outlined o-main

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link

##### Card title

used class:
card flat f-primary

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link

##### Card title

used class:
card shade outlined o-primary

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link

##### Card title

used class:
card flat full-outlined f-first

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link

##### Card title

used class:
card shade full-outlined o-warning

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link

##### Card title

used class:
card flat f-third

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link

##### Card title

used class:
card shade full-outlined o-light

- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros

Card link

> #### Other examples

###### card flat f-

###### card shade outlined o-*

###### card shade full-outlined o-*

##### Featured

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

##### Featured

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere

##### Featured

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Featured

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Featured

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Featured

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Featured

##### Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere