# Cards

Earnings (Monthly)
$40,000
Earnings (Annual)
$215,000
Tasks
50%
Pending Requests
18
Default Card Example
This card uses Bootstrap's default styling with no utility classes added. Global styles are the only things modifying the look and feel of this default card example.

###### Basic Card Example

The styling for this basic card example is created by using default Bootstrap utility classes. By using utility classes, the style of the card component can be easily modified with no need for any custom CSS!

###### Dropdown Card Example

Dropdown menus can be placed in the card header in order to extend the functionality of a basic card. In this dropdown card example, the Font Awesome vertical ellipsis icon in the card header can be clicked on in order to toggle a dropdown menu.

###### Collapsable Card Example

This is a collapsable card example using Bootstrap's built in collapse functionality. Click on the card header to see the card body collapse and expand!

##### Ready to Leave?

Select "Logout" below if you are ready to end your current session.