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 Customer 3

Star Star Star Star Star

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

Anne Pearce
Developer

Card Customer 4

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

Benjamin Cameron
Designer

Card Customer 5

“The team were only too happy to help me getting started.”

Anil Kumar
Designer

Card Customer 7

“Finally, I’ve found a template that covers all bases for a bootstrapped startup. We were able to launch in days, not months.”

Anne Pearce
Developer

Card Blog – Article

Card Blog – Quote

Card Blog – Link

Card Blog – Audio

Card Blog – Video

Card Blog – Article Wide