Buttons

General Buttons

Gradient duotone

Gradient monochrome

Colored shadows

Light Buttons

Light Rounded Buttons

Button with outline

Using the base class .btn-outline

Rounded Buttons

Gradient outline

light Button with outline

Light Rounded Outline Buttons

Rounded Outline Buttons

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

Button Sizes

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

Button Group

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:

Application Buttons

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

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?