[container extra=»row»]
[one_half extra=»» anim=»»]
[heading icon=»» type=»standard» size=»h2″ extra=»»]Tabs[/heading]
[tabs]
[tabh]
[tab id=»0″ class=»active»] Sample Tab #1
[/tab]
[tab id=»1″ class=»»] Sample Tab #2
[/tab]
[tab id=»2″ class=»»] Sample Tab #3
[/tab]
[/tabh]
[tabc]
[tabrow id=»0″ class=»active»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor.[/tabrow]
[tabrow id=»1″ class=»»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus.[/tabrow]
[tabrow id=»2″ class=»»]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce velit tortor, dictum in gravida nec, aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor.aliquet non lorem. Donec vestibulum justo a diam ultricies pellentesque. Quisque mattis diam vel lacus tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor.[/tabrow]
[/tabc]
[/tabs]
[heading icon=»» type=»standard» size=»h2″ extra=»»]Progress Bars[/heading]
[progress_bar percentage=»90″ name=» HTML/CSS » value=»90″ type=»» colour=»progress-bar-primary»]
[progress_bar percentage=»95″ name=»Photoshop» value=»95″ type=»» colour=»progress-bar-primary»]
[progress_bar percentage=»75″ name=»Joomla» value=»75″ type=»» colour=»progress-bar-primary»]
[progress_bar percentage=»100″ name=»Wordpress» value=»100″ type=»» colour=»progress-bar-primary»]
[progress_bar percentage=»40″ name=» Stripped Progress Bar » value=»40″ type=»progress-striped» colour=»progress-bar-success»]
[progress_bar percentage=»20″ name=» Colored Progress Bars » value=»20″ type=»colored» colour=»progress-bar-info»]
[progress_bar percentage=»60″ name=»» value=»60″ type=»colored» colour=»progress-bar-warning»]
[progress_bar percentage=»80″ name=»» value=»80″ type=»colored» colour=»progress-bar-danger»]
[/one_half]
[one_half extra=»» anim=»»]
[heading icon=»» type=»standard» size=»h2″ extra=»»]Accordion[/heading]
[accordions id=»ac»]
[accgroup]
[acchead id=»ac» tab_id=»ac0″ class=»active»]Accordion Panel #1[/acchead]
[accbody tab_id=»ac0″ in=»in»]Accordion Body #1[/accbody]
[/accgroup]
[accgroup]
[acchead id=»ac» tab_id=»ac1″ class=»»]Accordion Panel #2[/acchead]
[accbody tab_id=»ac1″ in=»»]Accordion Body #2[/accbody]
[/accgroup]
[accgroup]
[acchead id=»ac» tab_id=»ac2″ class=»»]Accordion Panel #3[/acchead]
[accbody tab_id=»ac2″ in=»»]Accordion Body #3[/accbody]
[/accgroup]
[/accordions]
[heading icon=»» type=»standard» size=»h2″ extra=»»]Toggles[/heading]
[toggles id=»sn»]
[togglegroup]
[togglehead id=»sn» tab_id=»sn0″]Toggle Panel #1[/togglehead]
[togglebody tab_id=»sn0″]Toggle Body #1[/togglebody]
[/togglegroup]
[togglegroup]
[togglehead id=»sn» tab_id=»sn1″]Toggle Panel #2[/togglehead]
[togglebody tab_id=»sn1″]Toggle Body #2[/togglebody]
[/togglegroup]
[togglegroup]
[togglehead id=»sn» tab_id=»sn2″]Toggle Panel #3[/togglehead]
[togglebody tab_id=»sn2″]Toggle Body #3[/togglebody]
[/togglegroup]
[/toggles]
[/one_half]
[/container]
[divider extra=»»]
[container extra=»row»]
[one_full extra=»» anim=»bounceInRight»]
[heading icon=»» type=»standard» size=»h2″ extra=»»]Alert Boxes[/heading]
[alert type=»alert-standard» close=»true»]Oh snap! Change a few things up and try submitting again.[/alert]
[alert type=»alert-warning» close=»true»]Warning! Best check yo self, you’re not looking too good. [/alert]
[alert type=»alert-error» close=»true»]Oh snap! Change a few things up and try submitting again.[/alert]
[alert type=»alert-info» close=»true»]Heads up! This alert needs your attention, but it’s not super important. [/alert]
[alert type=»alert-success» close=»true»]Well done! You successfully read this important alert message. [/alert]
[/one_full]
[/container]
[divider extra=»»]
[container extra=»row»]
[one_half extra=»» anim=»»][heading size=»h2″ extra=»»]Tooltips[/heading]
[paragraph extra=»»]Tight pants next level keffiyeh [imic_tooltip link=»#» direction=»top» title=»Default Tooltip»]you probably[/imic_tooltip] haven’t heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney’s fixie sustainable quinoa 8-bit american apparel [imic_tooltip link=»#» direction=»bottom» title=»Another Tooltip»]have a[/imic_tooltip] terry richardson vinyl chambray.[/paragraph]
[/one_half]
[one_half extra=»» anim=»»][heading size=»h3″ extra=»»]Modal Box[/heading]
[paragraph extra=»»]Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.[/paragraph]
[paragraph extra=»»]Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.[/paragraph]
[modal_box id=»mymodal» title=»Modal title» text=»One fine body…» button=»Launch demo modal»][/one_half]
[/container]
[divider extra=»»]
[imic_count to=»9000″ speed=»2000″ icon=»fa-glass» textstyle=»div» subject=»Drinks Consumed»]
[imic_count to=»96″ speed=»2500″ icon=»fa-map-marker» textstyle=»div» subject=»Places Visited»]
[imic_count to=»1500″ speed=»3000″ icon=»fa-music» textstyle=»div» subject=»Songs Played»]
[imic_count to=»1400″ speed=»3500″ icon=»fa-dribbble» textstyle=»div» subject=»hours played»]
[divider extra=»»]
[container extra=»row»]
[one_full extra=»» anim=»»][heading size=»h2″ extra=»»]Forms[/heading]
[paragraph extra=»»]Individual form controls automatically receive some global styling.[/paragraph]
[imic_form][/one_full]
[/container]
[divider extra=»»]
[container extra=»row»]
[two_third extra=»» anim=»»][heading size=»h2″ extra=»»]Buttons[/heading]
[imic_button colour=»btn-default» type=»enabled» link=»http://» target=»_self» extraclass=»»]Default[/imic_button]
[imic_button colour=»btn-primary» type=»enabled» link=»http://» target=»_self» extraclass=»»]Primary[/imic_button]
[imic_button colour=»btn-success» type=»enabled» link=»http://» target=»_self» extraclass=»»]Success[/imic_button]
[imic_button colour=»btn-info» type=»enabled» link=»http://» target=»_self» extraclass=»»]Info[/imic_button]
[imic_button colour=»btn-warning» type=»enabled» link=»http://» target=»_self» extraclass=»»]Warning[/imic_button]
[imic_button colour=»btn-danger» type=»enabled» link=»http://» target=»_self» extraclass=»»]Danger[/imic_button]
[heading size=»h2″ extra=»spaced»]Button Disabled[/heading]
[imic_button colour=»btn-primary» type=»disabled» link=»http://» target=»_self» extraclass=»»]Primary button[/imic_button]
[imic_button colour=»btn-default» type=»disabled» link=»http://» target=»_self» extraclass=»»]Button[/imic_button]
[heading size=»h2″ extra=»spaced»]Labels[/heading]
[label type=»label-default»]Default[/label]
[label type=»label-primary»]Primary[/label]
[label type=»label-success»]Success[/label]
[label type=»label-info»]Info[/label]
[label type=»label-warning»]Warning[/label]
[label type=»label-danger»]Danger[/label][/two_third][one_third extra=»» anim=»»][heading size=»h2″ extra=»»]Button Sizes[/heading]
[paragraph extra=»»]
[imic_button colour=»btn-primary» type=»enabled» link=»http://» target=»_self» extraclass=»» size=»btn-lg»]Large Button[/imic_button]
[imic_button colour=»btn-default» type=»enabled» link=»http://» target=»_self» extraclass=»» size=»btn-lg»]Large Button[/imic_button][/paragraph]
[paragraph extra=»»]
[imic_button colour=»btn-primary» type=»enabled» link=»http://» target=»_self» extraclass=»» size=»»]Default Button[/imic_button]
[imic_button colour=»btn-default» type=»enabled» link=»http://» target=»_self» extraclass=»» size=»»]Default Button[/imic_button][/paragraph]
[paragraph extra=»»]
[imic_button colour=»btn-primary» type=»enabled» link=»http://» target=»_self» extraclass=»» size=»btn-sm»]Small Button[/imic_button]
[imic_button colour=»btn-default» type=»enabled» link=»http://» target=»_self» extraclass=»» size=»btn-sm»]Small Button[/imic_button]
[/paragraph]
[paragraph extra=»»]
[imic_button colour=»btn-primary» type=»enabled» link=»http://» target=»_self» extraclass=»» size=»btn-xs»]Extra Small Button[/imic_button]
[imic_button colour=»btn-default» type=»enabled» link=»http://» target=»_self» extraclass=»» size=»btn-xs»]Extra Small Button[/imic_button]
[/paragraph]
[/one_third]
[/container]