The HTML table model allows authors to arrange data into rows and columns of cells.

Each table may have an associated caption that provides a short description of the table’s purpose.

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"><i class="fab fa-wordpress"></i> WordPress</a>

WordPress

Customized Buttons

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

Download

<a href="#" class="btn btn-success btn-icon fa-envelope">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