Info Box Component

Info boxes are used to display statistical snippets. There are two types of info boxes.

First Type of Info Boxes

Messages 1,410
Bookmarks 410
Uploads 13,648
Likes 93,139

Markup

Second Type of Info Boxes

Bookmarks 41,410
70% Increase in 30 Days
Likes 41,410
70% Increase in 30 Days
Events 41,410
30% Increase in 30 Days
Comments 41,410
0% Increase in 30 Days

Markup

The only thing you need to change to alternate between these style is change the placement of the bg-* class. For the first style apply any bg-* class to .info-box-icon. For the other style, apply the bg-* class to the .info-box div.

PREMIUM TEMPLATE
Material Dashboard Pro

Material Dashboard Pro ─ $59

Angular 2 Premium Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design

Preview Buy Now

853+ purchases