Cards

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

selected-file icon
This page demonstrates Cards functionality, See Bootstrap Documentation for a detailed technical explanation.
deco-blob-3 decoration

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

icon

Card Title

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

Learn More
icon

Card Title

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

Learn More

Card Icon 2

icon
Smart home devices and more

Card Icon 3

icon
Badge Text

Card Title

Accusantium doloremque laudantium, totam

Card Icon 4

Card Customer 1

icon

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

Joanne Sims, CEO
Read Story

Card Customer 2

Image
Icon

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

Read Story

Card Customer 3

star interface icon star interface icon star interface icon star interface icon star interface icon

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

Avatar
Anne Pearce
Developer

Card Customer 4

Avatar

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

Benjamin Cameron
Designer

Card Customer 5

Avatar

“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.”

Avatar
Anne Pearce
Developer

Card Blog - Article

Image
14 June
heart interface icon21

Article title goes here

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

Image
By Ben Sims

Card Blog - Quote

14 June
heart interface icon21

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

– Harvey Dent (via Tareq I.)

Card Blog - Audio

Card Blog - Video

Card Blog - Article Wide

Image
14 June
heart interface icon21

Article title goes here

Image
By Ben Sims
arrow-up icon