Cards

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

Icon For Selected-file

This page demonstrates Cards functionality, See Theme Documentation for a detailed technical explanation.

Basic Example

Color Matching

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Learn More

Build responsive websites

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Learn More

Card Icon 1

Cheese

Card Title

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Learn More

Door-open

Card Title

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Learn More

Card Icon 2

Diagnostics
Smart home devices and more

Card Icon 3

Cursor
Badge Text

Card Title

Accusantium doloremque laudantium, totam

Card Icon 4

Card Customer 1

Нair-dryer

“We couldn’t have done it without the team from Uptime.”


Joanne Sims, CEO

Read Story

Card Customer 2

Сommode#1
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque audantium. Read Story

Card Blog – Article

July 6, 2019

How to build collateral

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.

by

Card Blog – Quote

July 2, 2019

“You either get acquired like Trello or live long enough to see yourself become JIRA”

– Harvey Dent (via Tareq I.)

Card Blog – Audio

June 27, 2019
Volume-full

An interesting discussion on design

– 1hr 22mins

Card Blog – Video

June 28, 2019
Play

Planning for change documentary

– 1hr 22mins

Card Blog – Article Wide

July 6, 2019

How to build collateral

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque… Continue Reading

by
Arrow-up