Typography

Button Groups

[webbu_divider style=»7″]

[webbu_buttong align=»left»][webbu_button url=»#» size=»btn-mini» color=»normal» target=»_self»] Mobile Version [/webbu_button][webbu_button url=»#» size=»btn-mini» color=»btn-primary» target=»_self»] Desktop Version [/webbu_button][/webbu_buttong]

 

[webbu_clearfix]

Buttons

[webbu_divider style=»7″]

[webbu_button url=»#» size=»btn-mini» color=»normal» target=»_self»] Send[/webbu_button]

[webbu_button url=»#» size=»btn-mini» color=»btn-info» target=»_self»] Send[/webbu_button]

[webbu_button url=»#» size=»btn-mini» color=»btn-success» target=»_self»] Send[/webbu_button]

[webbu_button url=»#» size=»btn-mini» color=»btn-primary» target=»_self»] Send[/webbu_button]

[webbu_button url=»#» size=»btn-mini» color=»btn-warning» target=»_self»] Send[/webbu_button]

[webbu_button url=»#» size=»btn-mini» color=»btn-danger» target=»_self»] Send[/webbu_button]

[webbu_button url=»» size=»btn-mini» color=»btn-inverse» target=»_self»] Send[/webbu_button]

[webbu_clearfix]

Button Sizes

[webbu_divider style=»7″]

[webbu_button url=»#» size=»btn-mini» color=»btn-danger» target=»_self»] Send [/webbu_button]

[webbu_button url=»#» size=»btn-small» color=»btn-danger» target=»_self»] Send [/webbu_button]

[webbu_button url=»#» size=»» color=»btn-danger» target=»_self»] Send [/webbu_button]

[webbu_button url=»#» size=»btn-large» color=»btn-danger» target=»_self»] Send [/webbu_button]

[webbu_clearfix]

Button with Icon

[webbu_divider style=»7″]

[webbu_button url=»#» size=»normal» color=»btn-danger» target=»_self»] [webbu_icon title=»icon-magic» size=»14″ color=»#660000″][/webbu_icon] Button Text [/webbu_button]

[webbu_clearfix]

Alert Boxes

[webbu_divider style=»7″]

[webbu_alert style=»alert-error»] Your Alert! [/webbu_alert]

[webbu_alert style=»alert-success»] Your Alert! [/webbu_alert]

[webbu_alert style=»alert-info»] Your Alert! [/webbu_alert]

[webbu_alert style=»alert-warning»] Your Alert! [/webbu_alert]

[webbu_clearfix]

Bagdes

[webbu_divider style=»7″]

[webbu_badge color=»badge-important»]  1 [/webbu_badge]

[webbu_badge color=»badge-success»]  2 [/webbu_badge]

[webbu_badge color=»badge-info»]  3 [/webbu_badge]

[webbu_badge color=»badge-warning»]  4 [/webbu_badge]

[webbu_badge color=»»]  5 [/webbu_badge]

[webbu_badge color=»badge-inverse»]  6  [/webbu_badge]

[webbu_clearfix]

Labels

[webbu_divider style=»7″]

[webbu_label color=»label-important»]Label[/webbu_label]

[webbu_label color=»label-success»]Label[/webbu_label]

[webbu_label color=»label-info»]Label[/webbu_label]

[webbu_label color=»label-warning»]Label[/webbu_label]

[webbu_label color=»»]Label[/webbu_label]

[webbu_label color=»label-inverse»]Label[/webbu_label]

[webbu_clearfix]

Blockquotes

[webbu_divider style=»7″]

[webbu_blockquote direction=»»] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec purus urna, quis suscipit velit. [/webbu_blockquote]

[webbu_blockquote direction=»pull-right»] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur nec purus urna, quis suscipit velit. [/webbu_blockquote]

[webbu_clearfix]

Well Box

[webbu_divider style=»7″]

[webbu_well]

This template is awesome.

[webbu_button url=»http://themeforest.net/user/Webbu» size=»normal» color=»btn-success» target=»_blank»] Buy Now! [/webbu_button]

[/webbu_well]

[webbu_clearfix]

Typing

[webbu_divider style=»7″]

H1 Text

H2 Text

H3 Text

H4 Text

H5 Text
H6 Text

 

Print Friendly