Cards
Body content
Titles, text, and links
Card title
Card subtitle
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another linkCard header
Some quick example text to build on the card title and make up the bulk of the card's content.
Card footer
Some quick example text to build on the card title and make up the bulk of the card's content.
Card list groups
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
List groups and header
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
Card with button
Featured
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereQuote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Left Align
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereCenter Align
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereRight Align
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhereCard image
Some quick example text to build on the card title and make up the bulk of the card's content.
Card image caps
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
Card image caps
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
Image overlays
Card Styles
Primary card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Secondary card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Success card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Danger card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Warning card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Info card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Light card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Dark card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Card groups
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Last updated 3 mins ago
Card title
This card has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
Card title
This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.
Last updated 3 mins ago
Card Columns
Card title that wraps to a new line
This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Card title
This card has supporting text below as a natural lead-in to additional content.
Last updated 3 mins ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat.
Card title
This card has a regular title and short paragraphy of text below it.
Last updated 3 mins ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Card title
This is another card with title and supporting text below. This card has some additional content to make it slightly taller overall.
Last updated 3 mins ago