Josephin Doe
Generic placeholder image

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Color States

Checkout color states of all buttons on popover to buttons

Basic Buttons

Buttons

Use the button classes on an <a>, <button>, or <input> element.

Rounded buttons

Add .btn-round to default button to get rounded corners.

Square Buttons

Add .btn-square to default button to get square corners.

Skew Buttons

Add .btn-skew to default button to get skew Buttons.

Buttons With Icon

Use <i class="icofont icofont-star"> inside button to add icon.

Border Buttons

Use Class btn-outline-* inside button to make Border Button.

Icon Button

Use <i class="icofont icofont-star"> inside button to add icon.

Icon Border Buttons

Use Class btn-outline-* inside button to make Border Button.

Group Buttons

Use btn-xlg, btn-lg, btn-md, btn-sm, btn-mini inside class to use different size button.

Social Buttons without label
Link Buttons
Link
Block Buttons