Webstrot Admin

- Recent Notifications
  - 02:34 PM
    Mr. Ajay
    5 members joined today
  - 02:34 PM
    Mr. Ajay
    likes a photo of you
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - See All
- 2 New Messages
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - 02:34 PM
    Mr. Ajay
    Hi Teddy, Just wanted to let you ...
  - See All
- Ajay
  Upgrade Now

  30 Days Trail

  - Profile
  - My Balance
  - My Task
  - My Calender
  - Inbox
  - Setting
  - Help
  - Lock Screen
  - Logout

# Dashboard

#### List Groups

To create a basic list group, use an `<ul>` element with class `.list-group`, and`<li>` elements with class `.list-group-item`:

- First item
- Second item
- Third item

#### List Group With Badges

To create a badge, create a `<span>` element with class `.badge` inside the list item:

- New 12
- Deleted 5
- Warnings 3

#### List Group With Linked Items

To create a list group with linked items, use `<div>` instead of `<ul>` and `<a>` instead of `<li>`:

First item Second item Third item

#### Active State

Use the `.active` class to highlight the current item:

First item Second item Third item

#### Disabled Item

To disable an item, add the `.disabled` class:

First item Second item Third item

#### Contextual Classes

The classes for coloring list-items are: `.list-group-item-success`, `list-group-item-info`, `list-group-item-warning`, and `.list-group-item-danger`:

- First item
- Second item
- Third item
- Fourth item

#### Custom Content

Bootstrap provides the classes `.list-group-item-heading` and `.list-group-item-text` which can be used as follows:

#### First List Group Item Heading

List Group Item Text

#### Second List Group Item Heading

List Group Item Text

#### Third List Group Item Heading

List Group Item Text