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

Card Blog – Quote

Card Blog – Link

Card Blog – Audio

Card Blog – Video

Card Blog – Article Wide

Arrow-up