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

  30 Days Trail

  - Profile
  - Inbox
  - Setting
  - Lock Screen
  - Logout

# Hello, Welcome Here

#### Panels

Panels are created with the `.panel` class, and content inside the panel has a `.panel-body` class:

A Basic Panel

#### Panel Heading

The `.panel-heading` class adds a heading to the panel:

Panel Heading
Panel Content

#### Panel Footer

The `.panel-footer` class adds a footer to the panel:

Panel Content

#### Panel Group

To group many panels together, wrap a `<div>` with class `.panel-group` around them.

Panel Content
Panel Content

#### Panels with Contextual Classes

To color the panel, use contextual classes (`.panel-default`, `.panel-primary`, `.panel-success`, `.panel-info`, `.panel-warning`, or `.panel-danger`):

Panel with panel-default class
Panel Content
Panel with panel-primary class
Panel Content
Panel with panel-success class
Panel Content
Panel with panel-info class
Panel Content
Panel with panel-warning class
Panel Content
Panel with panel-danger class
Panel Content