Buttons are very useful for navigating the user to a page or resource.

Regular hyperlinks can be converted to beautiful buttons by using the following examples.

Default Button

<a href="#" class="btn">Default</a>

Default

Primary Button

<a href="#" class="btn btn-primary">Primary</a>

Primary

Success Button

<a href="#" class="btn btn-success">Ok</a>

Success

Info Button

<a href="#" class="btn btn-info">Ok</a>

Info

Warning Button

<a href="#" class="btn btn-warning">Warning</a>

Warning

Error Button

<a href="#" class="btn btn-error">Error</a>

Error

Outline Button

<a href="#" class="btn btn-outline">Outline</a>

Outline

Icon Button

<a href="#" class="btn btn-icon fa-wordpress">WordPress</a>

WordPress

Customized Button

<a href="#" class="btn btn-outline btn-primary btn-icon fa-cloud-download">Download</a>

Download

<a href="#" class="btn btn-success btn-icon fa-envelope-o">Contact</a>

Contact

<a href="#" class="btn btn-info btn-outline btn-icon fa-facebook">Facebook</a> <a href="#" class="btn btn-info btn-outline btn-icon fa-twitter">Twitter</a> <a href="#" class="btn btn-info btn-outline btn-icon fa-instagram">instagram</a>

Facebook Twitter instagram