##### User Profile Cards

##### John Doe

Web Developer

Passionate developer with 5+ years of experience in creating modern web applications.

Follow Message

##### Sarah Johnson

UI/UX Designer

###### 256

Posts

###### 1.2k

Followers

###### 524

Following

##### Jim Doe

@jimdoe

###### 750

Posts

###### 865

Following

###### 3.6k

Followers

Full-stack developer | Open source enthusiast | Coffee addict ☕

##### Michael Chen

Senior Developer

React Node.js MongoDB

Building scalable applications and mentoring junior developers.

##### Emma Wilson

Product Manager

##### Alex Thompson

Marketing Director

###### 89

Projects

###### 23k

Revenue

###### 4.8

Rating

##### Basic Cards

##### Card title

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

Go somewhere
Featured

##### Special title treatment

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

Go somewhere

##### Card title

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

Go somewhere

##### Cards with Images

##### Card title

This is a card with an image at the top. Perfect for showcasing visual content.

Go somewhere

##### Card title

This card has an image at the bottom instead of the top.

Go somewhere

##### Card title

This is a card with text overlaid on the image.

Last updated 3 mins ago

##### Colored Cards

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 Cards

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.

##### Card Groups

##### Card title

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

Last updated 3 mins ago

##### Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

##### Card title

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

Last updated 3 mins ago

##### Navigation Cards

##### Special title treatment

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

Go somewhere

##### Special title treatment

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

Go somewhere

##### Cards with List Groups

Featured

- An item
- A second item
- A third item

- An item
- A second item
- A third item

Card link Another link

##### Card title

Some quick example text.

- An item
- A second item
- A third item

Card link Another link

##### Horizontal Cards

##### Card title

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

Last updated 3 mins ago

##### Card title

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

Last updated 3 mins ago