[row][one_half]
Regular Progress Bars
[progressbar title=”Photoshop” type=”Kappe” meter=”70″ /][progressbar title=”Wordpress” type=”Kappe” meter=”90″ /][progressbar title=”Django” type=”Kappe” meter=”40″ /][progressbar title=”Wordpress” type=”Kappe” meter=”90″ /][/one_half][one_half]
Info Progress Bars
[progressbar type=”progress-bar-warning” title=”Fulfillment” meter=”70″ animated=”active” style=”progress-striped” /][progressbar type=”progress-bar-danger” title=”Achievements” meter=”40″ /][progressbar type=”progress-bar-success” title=”Development” meter=”80″ /][progressbar type=”progress-bar-info” title=”Attitude” meter=”25″ /][/one_half][/row]
Alerts (Information blocks)
[row][one_fourth][alert title=”Warning” type=”alert-warning”] dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam[/alert][/one_fourth][one_fourth][alert title=”Information block” type=”alert-info”] dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam[/alert][/one_fourth][one_fourth][alert title=”Information block” type=”alert-success”] dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam[/alert][/one_fourth][one_fourth][alert title=”Information block” type=”alert-danger”] dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamt[/alert][/one_fourth][/row]
[row][one_whole]
Buttons
| Size | Type | Shape | Icons | State |
|---|---|---|---|---|
| [button size=”btn-mini” color=”btn-grafika” link=”#”]Mini size[/button] | [button color=”btn-success” link=”#”]Success button[/button] | [button type=”square” link=”#” color=”btn-grafika”]Square button[/button] | [button color=”btn-success” icon=”fa-skype” link=”#”]Button with icon[/button] | [button size=”btn-large” status=”disabled” link=”#” color=”btn-grafika”]Disabled button[/button] |
| [button size=”btn-small” color=”btn-grafika” link=”#”]Small size[/button] | [button color=”btn-info” link=”#”]Info button[/button] | [button link=”#” color=”btn-grafika”]Round button[/button] | [button color=”btn-info” icon=”fa-building” link=”#”]Button with icon[/button] | [button size=”btn-large” target=”_blank” link=”#” color=”btn-grafika”]Open in new window[/button] |
| [button link=”#” color=”btn-grafika”]Regular size[/button] | [button color=”btn-inverse”]Inversed button[/button] | [button color=”btn-danger” icon=”fa-compass” link=”#”]Button with icon[/button] | ||
| [button size=”btn-large” color=”btn-grafika” link=”#”]Big size[/button] | [button color=”btn-warning”]Warning button[/button] | |||
| [button color=”btn-danger”]Alert button[/button] |
[/one_whole]
[/row]
[row][one_whole]
Social buttons
[social][soc_button icon=”bitbucket” link=”#” /][soc_button icon=”dribbble” link=”#” /][soc_button icon=”facebook” link=”#” /][soc_button icon=”flickr” link=”#” /][soc_button icon=”github” link=”#” /][soc_button icon=”google-plus” link=”#” /][soc_button icon=”instagram” link=”#” /][soc_button icon=”linkedin” link=”#” /][soc_button icon=”pinterest” link=”#” /][soc_button icon=”skype” link=”#” /][soc_button icon=”tumblr” link=”#” /][soc_button icon=”twitter” link=”#” /][soc_button icon=”youtube” link=”#” /][social/][/one_whole][/row]
[row][one_half]
Side Navigation
[vernavgroup title=”Vertical nav header” ]
[vernav title=”Google” link=”http://www.google.com”][/vernav]
[vernav title=”Business” link=”#”][/vernav]
[vernav title=”Marketing” link=”#”][/vernav]
[vernav title=”Seo/Sem” link=”#”][/vernav]
[vernav title=”Development” link=”#”][/vernav]
[/vernavgroup]
[/one_half][one_half]
Top Navigation
[dropbuttongroup title=”Wordpress Developer”][dropbutton title=”Item 1″ url= “#” divider= “”]No content[/dropbutton][dropbutton title=”Item 2″ url= “#” divider= “1”][/dropbutton][/dropbuttongroup]
[dropbuttongroup title=”Wordpress Developer” type=”split”][dropbutton title=”Item 1″ url= “#” divider= “”]No content[/dropbutton][dropbutton title=”Item 2″ url= “#” divider= “1”][/dropbutton][/dropbuttongroup]
[/one_half][/row]