[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]