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

#### Basic Collapsible

The `.collapse` class indicates a collapsible element (a <div> in our example); this is the content that will be shown or hidden with a click of a button.
To control (show/hide) the collapsible content, add the `data-toggle="collapse"` attribute to an <a> or a <button> element. Then add the `data-target="#id"` attribute to connect the button with the collapsible content (<div id="demo">).
Note: For <a> elements, you can use the `href` attribute instead of the `data-target` attribute:
Note: For <button> elements, you can use the `data-toggle="collapse"` attribute instead of the `data-target="#basic-collapse"` attribute:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### Collapsible Panel

The following example shows a collapsible panel:

#### Collapsible panel

Panel Body

#### Collapsible List Group

The following shows a collapsible panel with a list group inside:

#### Collapsible list group

- One
- Two
- Three

#### Accordion

Note: Use the `data-parent` attribute to make sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.

#### Collapsible Group 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### Collapsible Group 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#### Collapsible Group 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.