Loading. Please Wait.

They are often used within the dashboard. Practically - on each sub-page is available. It should be familiar with the existing options.

Sizes

There are versions available default, that is avatar, large avatar avatar-lg & small avatar avatar-sm

Examples

Avatar
Avatar
Avatar
Status Icon with Label

Just add the class label <span class="label label-warning">3</span>

Examples

1 Avatar
2 Avatar
3 Avatar
Mixed Status with Label

Just add the class label <span class="label label-warning">3</span> & <i class="avatar-status bg-danger avatar-status-bottom">

Examples

1 Avatar
2 Avatar
3 Avatar
Status Top Icon

You can add as: Available avatar-status bg-success or Away bg-warning, Busy bg-danger etc.

Examples

Avatar
Avatar
Avatar
Status Icon with Badge

Just add the class label <span class="badge">3</span>

Examples

1 Avatar
2 Avatar
3 Avatar
Icon Avatar

Just add the class label <i class='avatar-content fa fa-user'>

Examples

Status Bottom Icon

Simply add the class avatar-status-bottom for example: <i class="avatar-status bg-success avatar-status-bottom">

Examples

Avatar
Avatar
Avatar
Mixed Status with Badge

Just add the class label <span class="badge">3</span> & <i class="avatar-status bg-danger avatar-status-bottom">

Examples

1 Avatar
2 Avatar
3 Avatar
Text Avatar

Just add the class label <i class='avatar-content fa fa-user'>

Examples

MK
TO
ZS

Navbar Options

Header Layout

Sidebar Options

Content View

Footer Options

Main Color

Navbar

Sidebar