Cards

Responsive and powerful navigation header which supports branding, navigation, and more.


On Bootstrap

Also, visit our documentationpage.

Basic Styling

Body Content

Use a classes btn btn-success to quickly create a General btn.

With supporting text below as a natural lead-in to additional content.
Titles, Text, and Links

Use a classes btn btn-success to quickly create a General btn.

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 link
Outline

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text below as a natural lead-in to additional content.

Go somewhere
Fill Color

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text below as a natural lead-in to additional content.

Go somewhere
Gradient Color

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text below as a natural lead-in to additional content.

Go somewhere
Card Extra radius

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text below as a natural lead-in to additional content.

Go somewhere
Header

Use a classes btn btn-success to quickly create a General btn.

Featured
Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Shadow

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text below as a natural lead-in to additional content.

Go somewhere
Extra Shadow

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text below as a natural lead-in to additional content.

Go somewhere

Text Align Styling

Left Align

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text below as a natural.

Go somewhere
Center Align

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text additional content.

Go somewhere
Right Align

Use a classes btn btn-success to quickly create a General btn.

Title

With supporting text below as a natural.

Go somewhere

Advance Card Styling

Card 1

Use a classes btn btn-success to quickly create a General btn.

Card image cap
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 2

Use a classes btn btn-success to quickly create a General btn.

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 cap
Card 3

Use a classes btn btn-success to quickly create a General btn.

Card image cap
Title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Card 4

Use a classes btn btn-success to quickly create a General btn.

Card image cap
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.

Card 5

Use a classes btn btn-success to quickly create a General btn.

Card image cap
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.

Card 6

Use a classes btn btn-success to quickly create a General btn.

NEW
Card image cap
Product Name

$100.00

Card 7

Use a classes btn btn-success to quickly create a General btn.

SALE
Card image cap
Product Name

$100.00

Card 8

Use a classes btn btn-success to quickly create a General btn.

Card image cap
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 9

Use a classes btn btn-success to quickly create a General btn.

user image

Corporate Tycoorns

This is a wider card with supporting text below as a natural lead-in to

Card 10

Use a classes btn btn-success to quickly create a General btn.

user image

Corporate Tycoorns

This is a wider card with supporting text below as a natural lead-in to

Card 11

Use a classes btn btn-success to quickly create a General btn.

Card image cap
Title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little.

Card 12

Use a classes btn btn-success to quickly create a General btn.

Title
user image
Simatam Camuka

This is a wider card with supporting text below as a natural lead-in to additional content.

Card 13

Use a classes btn btn-success to quickly create a General btn.

user image
Title

This is a wider card with supporting text below as a natural lead-in to additional content.

Card 14

Use a classes btn btn-success to quickly create a General btn.

  • Nulla imperdiet, lacus sed pulvinar fringilla.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Praesent in urna non eilt elementum tempor a in mauris.
  • Orci orci luctus metus, non fermentum diam mi id tortor.
Card 15

Use a classes btn btn-success to quickly create a General btn.

Featured
  • Nulla imperdiet, lacus sed pulvinar fringilla.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Praesent in urna non eilt elementum tempor a in mauris.
  • Orci orci luctus metus, non fermentum diam mi id tortor.
Card 16

Use a classes btn btn-success to quickly create a General btn.

  • Nulla imperdiet, lacus sed pulvinar fringilla.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Praesent in urna non eilt elementum tempor a in mauris.
  • Praesent in urna non eilt elementum tempor a in mauris.
  • Orci orci luctus metus, non fermentum diam mi id tortor.
Card Fill

Use a classes btn btn-success to quickly create a General btn.

  • Join Us

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.