#### Buttons

#### Gradient Buttons

Using the base class `.btn` `.bg-gradient-`

#### General Buttons

Using the base class `.btn` `.btn-`

#### Light Buttons

#### Light Rounded Buttons

#### Button with outline

Using the base class `.btn-outline`

#### Rounded Buttons

Using the base class `.btn-rounded`

#### light Button with outline

#### Light Rounded Outline Buttons

#### Rounded Outline Buttons

Using the base class `.btn-rounded``.btn-outline`

#### Button Sizes

Using the base class `.btn-lg``.btn-Primary`

#### Flat Buttons

Using the base class `.btn` `.btn-flat`

#### Button with icon

Using the base class `.btn` `i class ="fa fa-check`

#### Circle Buttons

Using the base class `.btn` `.btn-circle` `.btn-`

`.btn-xs`
`.btn-sm`
Default
`.btn-lg`

#### Light Flat Buttons

#### Horizontal Button Group

Horizontal button groups are easy to create with bootstrap. Just add your buttons inside `<div class="btn-group"></div>`

#### Split buttons

#### Button with Dropdown

#### Vertical Button Group

Vertical button groups are easy to create with bootstrap. Just add your buttons inside `<div class="btn-group-vertical"></div>`

#### Social buttons Icon with Name

Use a classes `waves-effect waves-light btn btn-social btn-bitbucket / < class="fa fa-bitbucket"></i>` to quickly create a General btn.

#### Social buttons Icon with Name

Use a classes `waves-effect waves-light btn btn-social btn-bitbucket-light / < class="fa fa-bitbucket"></i>` to quickly create a General btn.

#### Social buttons Icon

Use a classes `waves-effect waves-light btn btn-social-icon btn-bitbucket` to quickly create a General btn.

#### Social Icon With Circle buttons

Use a classes `btn btn-social-icon btn-circle` to quickly create a General btn.

#### Social buttons Icon

Use a classes `waves-effect waves-light btn btn-social-icon btn-bitbucket-light`

#### Social Icon With Circle buttons

Use a classes `btn btn-social-icon btn-circle` to quickly create a General btn.

#### Application Buttons

Add the classes `.btn.btn-app` to an `<a>` tag to achieve the following:

Edit Play Pause Stop Repeat Save 12 Notifications 41 Users 45 Orders 2 Inbox 48 Products 31 Likes

#### Application Buttons

Add the classes `.btn.btn-app` to an `<a>` tag to achieve the following:

Edit Play Stop Repeat Save 12 Notifications 41 Users 45 Orders 2 Inbox 48 Products 31 Likes

#### User Profile 12 messages

##### Nil Yeager

Manager

dummy@gmail.com
My Profile Account settings and more
My Messages Inbox and tasks
Settings Accout Settings
Project latest tasks and projects

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa
Mayra Sibley
Active
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?