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.

Generic placeholder image

Buttons

lorem ipsum dolor sit amet, consectetur adipisicing elit
Basic 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.

Inner Border

Use Class .btn-out inside button to make inner solid Border Button.

Use Class .btn-out-dashed inside button to make inner dashed Border Button.

Use Class .btn-out-dotted inside button to make inner solid dotted Button.

Gradient

Vertical gradient

Use Class .btn-grd-* inside button to make gradient Button.

Horizontal gradient

Use Class .hor-grd .btn-grd-* inside button to make horizontal gradient Button.

Matrialized

Use Class .btn-mat inside button to make matrialized Button.

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.

Buttons Dropdown
Action Another action Something else here
Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Action Another action Something else here
Buttons With Split Dropdown With Icon
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
Action Another action Something else here
Separated link
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
Facebook X Linkedin Dribble Instagram Pinterest Dropbox Tumbler
Social Buttons without label
Link Buttons
Link
Block Buttons