[container extra=”row”]
[tabs][tabh]
[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-primary”][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”]
[accordions id=”ac”][accgroup][acchead id=”ac” tab_id=”ac0″ class=”active”]Accordion Panel #1[/acchead][accbody tab_id=”ac0″ in=”in”] Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.[/accbody][/accgroup][accgroup]
[acchead id=”ac” tab_id=”ac1″ class=””]Accordion Panel #2[/acchead][accbody tab_id=”ac1″ in=””] Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.[/accbody][/accgroup][accgroup][acchead id=”ac” tab_id=”ac2″ class=””]Accordion Panel #3[/acchead][accbody tab_id=”ac2″ in=””] Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.[/accbody][/accgroup][/accordions]
[/container]
[spacer size=”spacer-39″ extra=””][/spacer]
[container extra=”row”]
[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]
[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]
[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”]
[/container]
[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]
[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]
[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]
[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]
[/container]
Tabs
Sample Tab #1
Sample Tab #2
Sample Tab #3
[/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 tincidunt elementum. Sed vitae adipiscing turpis. Aenean ligula nibh, molestie id viverra a, dapibus at dolor.[/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.[/tabrow][/tabc][/tabs]
Progress Bars
Accordion
Toggles
[togglegroup][togglehead id=”sn” tab_id=”sn0″]Toggle Panel #1[/togglehead][togglebody tab_id=”sn0″] Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.[/togglebody][/togglegroup][togglegroup][togglehead id=”sn” tab_id=”sn1″]Toggle Panel #2[/togglehead][togglebody tab_id=”sn1″] Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.[/togglebody][/togglegroup][togglegroup][togglehead id=”sn” tab_id=”sn2″]Toggle Panel #3[/togglehead][togglebody tab_id=”sn2″] Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.[/togglebody][/togglegroup]
Icon Boxes
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=””]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=””]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=””]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=”ibox-outline”]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=”ibox-outline”]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=”ibox-outline”]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=”ibox-border”]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=”ibox-border”]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”” outline=”ibox-border”]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”ibox-light” effect=”” box=”” outline=”ibox-border”]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=ibox-light”” effect=”” box=”” outline=”ibox-border”]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”ibox-light” effect=”” box=”” outline=”ibox-border”]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”ibox-rounded” outline=””]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”ibox-rounded” outline=””]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”ibox-rounded” outline=””]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”ibox-plain” outline=””]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”ibox-plain” outline=””]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”” shade=”” effect=”” box=”ibox-plain” outline=””]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”” effect=”” box=”” outline=””]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-dark” effect=”” box=”” outline=””]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-light” effect=”” box=”” outline=””]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”” effect=”” box=”” outline=”ibox-outline”]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-dark” effect=”” box=”” outline=”ibox-outline”]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-light” effect=”” box=”” outline=”ibox-outline”]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”” effect=”” box=”” outline=”ibox-border”]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-dark” effect=”” box=”” outline=”ibox-border”]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-light” effect=”” box=”” outline=”ibox-border”]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-light” effect=”” box=”” outline=”ibox-border”]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-light” effect=”” box=”” outline=”ibox-border”]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-light” effect=”” box=”” outline=”ibox-border”]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”” effect=”” box=”ibox-rounded” outline=””]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-dark” effect=”” box=”ibox-rounded” outline=””]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-light” effect=”” box=”ibox-rounded” outline=””]
[/container]
[container extra=”row”]
[icon_box icon_image=”fa-cogs” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”” effect=”” box=”ibox-plain” outline=””]
[icon_box icon_image=”fa-android” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-dark” effect=”” box=”ibox-plain” outline=””]
[icon_box icon_image=”fa-apple” line_icon=”” title=”Lorem ipsum dolor” description=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis egestas rhoncus.” link=”” type=”ibox-center” shade=”ibox-light” effect=”” box=”ibox-plain” outline=””]
[/container]
[container extra=”row”]
[one_full extra=”” anim=””]
Alert Boxes
[container extra=”row”]
Tooltips
Modal Box
[container extra=”row”]
