icon Appify

Cards

Basic Example

Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Without Images

This is some text within a card body.
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
  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros
Featured
  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros
Featured
Special title treatment

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

Go somewhere

Mix & Match

Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros

Backrgound

Header
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Secondary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Success card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Warning card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Info card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Light card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Dark card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Border

Header
Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Secondary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Success card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Warning card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Info card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Light card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header
Dark card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Activities

We have increased your storage to 10GB for Free!
System notification
5 days ago
David Thomson followed you.
Full-Stack Developer
12 Projects | 43 Followers
3 mins ago
Julie Wu favourited your post.
"Love your new design! Keep up the great work..."
1 week ago
Julie Wu followed you.
Product Designer
3 Projects | 8 Followers
2 weeks ago
James Lee mentioned you on Project Lorem.
"Looks cool @Rebecca White"
2 weeks ago
"Can we improve the review process? At the moment consectetuer adipiscing elit..."
Jan 10, 2016
Kat Schultz liked your discussion Discussion Lorem.
Jan 8, 2016
Choose Colour
Toggles