Theme-Logo
  • Mega
    • Popular Links
      • Form Elements
      • Buttons
      • Maps
      • Contact Cards
      • User Information
      • Lock Screen
    • Mailbox
      • Data Backup
        Store your data
      • Support
        24-hour support
      • Drop-box
        Store large amount of data in one-box only
      • Location
        Find Your Location with ease of use
    • Gallery
      Gallery-1
      Gallery-2
      Gallery-3
      Gallery-4
      Gallery-5
      Gallery-6
    • Contact Us
  • English
    • English
    • Spanish
    • Portuguese
    • French
  • 5
    • Notifications
    • Generic placeholder image
      John Doe

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Joseph William

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
    • Generic placeholder image
      Sara Soudein

      Lorem ipsum dolor sit amet, consectetuer elit.

      30 minutes ago
  • User-Profile-Image John Doe
    • Settings
    • Profile
    • My Messages
    • Lock Screen
    • Logout
Upgrade To Pro
Layout
  • Dashboard
    3
  • Basic Components
    • Accordion
    • Breadcrumbs
    • Button
    • Box-Shadow
    • Tabs
    • Color
    • Label Badge
    • Tooltip
    • Typography
    • Panels & wells
  • Advance Components
    • Grid
    • Light Box
    • Notifications
  • Icons
    • Themify
    • Ico Fonts
Forms & Tables
  • Form Components
  • Basic Table
Chart And Maps
  • Chart
  • Maps
  • Pages
    • Login
    • Registration
    • Forgot Password
    • Lock Screen
    • Error
    • User Profile
    • Simple Search
    • Sample Page
Other
  • Menu Levels
    • Menu Level 2.1
    • Menu Level 2.2
      • Menu Level 3.1
    • Menu Level 2.3

Buttons

Lorem ipsum dolor sit amet, consectetur adipisicing elit
  • Basic Componenets
  • Button
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.

Buttons Dropdown
Action Another action Something else here
Something else here
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
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 Twitter Linkedin Dribble Google+ Instagram Pinterest Dropbox Tumbler
Social Buttons without label
Link Buttons
Link
Block Buttons
Upgrade To Pro