Buttons
Use the below code to display Buttons:
<a class="button full-rounded" href="#"><span>Default Button</span></a>
Note If you want to change the button style then it is necessery to write .button.full-rounded
class.
Default Buttons :
Use the below to display Default Buttons:
Class | Code | Description | Result |
---|---|---|---|
.btn-dark |
<a class="button btn-dark btn-sm full-rounded" href="#"><span>Dark Button</span></a> |
Dark Button | Button |
.btn-colored |
<a class="button btn-sm full-rounded btn-colored" href="#"><span>Color Button</span></a> |
Color Button | Button |
.btn-outline |
<a class="button btn-outline btn-sm full-rounded" href="#"><span>Outline Button</span></a> |
Outline Button | Button |
.btn-theme |
<a class="button btn-sm btn-theme full-rounded" href="#"><span>Gradient Button</span></a> |
Gradient Button | Button |
Icon Buttons :
Use the below to display Default Buttons:
Class | Code | Description | Result |
---|---|---|---|
.btn-dark | <a class="button btn-dark btn-sm full-rounded" href="#"><span>Rounded Button<i class="glyph-icon flaticon-hearts" aria-hidden="true"></i></span></a> |
default Button | Button |
.btn-colored | <a class="button btn-sm full-rounded btn-colored" href="#"><span>Default Button<i class="glyph-icon flaticon-hearts" aria-hidden="true"></i></span></a> |
Dark Button | Button |
.btn-outline | <a class="button btn-outline btn-sm full-rounded" href="#"><span>Rounded Button<i class="glyph-icon flaticon-hearts" aria-hidden="true"></i></span></a> |
Color Button | Button |
.btn-theme | <a class="button btn-sm btn-theme full-rounded" href="#"><span>Rounded Button<i class="glyph-icon flaticon-hearts" aria-hidden="true"></i></span></a> |
Outline Button | Button |
Buttons Size:
Use the below to display Size Buttons:
Class | Code | Description | Result |
---|---|---|---|
.btn-dark | <a class="button btn-dark btn-sm full-rounded" href="#"><span>Dark Button</span></a> |
Dark Button | Button |
.btn-colored | <a class="button btn-out btn-md full-rounded red" href="#"><span>Color Button</span></a> |
Color Button | Button |
.btn-outline | <a class="button btn-outline btn-lg full-rounded" href="#"><span>Outline Button</span></a> |
Outline Button | Button |