Labels & Badges

Basic Labels

You can use tags to highlight anywhere content.

Default Primary Success Info Warning Danger Royal

Example of labels in titles

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

<span class="label label-default">Default</span>
<span class="label label-primary">Primary</span>
<span class="label label-success">Success</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Warning</span>
<span class="label label-danger">Danger</span>
<span class="label label-royal">Royal</span>

Secction Header

Circle Buttons

4 155 4 14 24 84
4 155 4 14 24 84
<span class="badge">5</span>
<span class="badge badge-square">
<span class="badge badge-round">48</span>
<span class="badge badge-primary">5</span>
<span class="badge badge-danger">5</span>
<span class="badge badge-warning">5</span>
<span class="badge badge-info">5</span>
<span class="badge badge-success">5</span>
<span class="badge badge-royal">5</span>
<span class="badge badge-orange">5</span>
<span class="badge badge-pink">5</span>

Material Style

Social Links