@@include('../partials/head.html')
@@include('../partials/menu.html',{ 'active': 'buttons' })
@@include('../partials/header.html')
Buttons Just Click it !
General Buttons

Use `.btn .btn-*` class to quickly create buttons

Transparent Background Buttons

Use `.btn .btn-transparent-*` class to create transparent buttons

Outline Buttons

Use `.btn .btn-outline-*` class to quickly create outline buttons

Disabled Buttons

Use `.btn .disabled` class or `disabled` attribute to disable button

Block Buttons

Use `.btn .btn-block` class to create block level buttons

Block Buttons Variations

Use `.btn .btn-block` class to use block level buttons

Buttons with Ripple effect

Use `.btn .btn-ripple` class to create buttons with ripple effect

Animated Buttons

Use `.btn .btn-animated` class and add `i` for icon to create animated buttons

Circle Buttons

Use `.btn-circle` class with icon

Square Buttons

Use `.btn-square` class with icon

Rounded Buttons

Use `.btn .rounded-pill` class to quickly create rounded buttons

Outline Rounded Buttons

Use `.btn .rounded-pill .btn-outline-*` class to quickly create rounded buttons with outline

Button Sizes

Use `.btn-lg` class for large, `.btn-sm` for small and `.btn-xs` for extra small buttons

Buttons with Icon

Use `.btn-icon` class to `button` element, `i` for icon and `span` for text. Additionally, you can specify, `icon-left` or `icon-right` to align the icon

Underline buttons
Group Buttons

Wrap buttons into `.btn-group` class. Use `.btn-group-vertical` for vertical alignment

Left Middle Right
Dropdown Buttons
@@include('../partials/js.html')