[section extra=”container”]
[container extra=”row”]
[one_half extra=””]
[heading size=”h3” extra=”"]Tabs[/heading]
[tabs]
[tabh]
[tab id="sampletabs0" class="active"] Sample Tab #1 [/tab]
[tab id="sampletabs1" class=""] Sample Tab 1 TP5 T2 [/tab]
[tab id="sampletabs2" class=""] Sample Tab #3 [/tab]
[/tabh]
[tabc]
[tabrow id=”sampletabs0” 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=”sampletabs1″ 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=”sampletabs2” 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 Bar
[progress_bar percentage=”100” name=”HTML/CSS” value=”90” type=”” colour=”progress-bar-primary”]
[progress_bar percentage=”100” name=”Photoshop” value=”95” type=”” colour=”progress-bar-primary”]
[progress_bar percentage=”100″ name=”Joomla” value=”75″ type=”” colour=”progress-bar-primary”]
[progress_bar percentage=”100″ name=”Wordpress” value=”100″ type=”” colour=”progress-bar-primary”]
Stripped Progress Bar
[progress_bar percentage=”100” name=”Complete (success)” value=”40” type=”progress-striped” colour=”progress-bar-success”]
Colored Progress Bar
[progress_bar percentage=”100″ name=”Complete” value=”20″ type=”colored” colour=”progress-bar-info”]
[progress_bar percentage=”100” name=”Complete” value=”60” type=”colored” colour=”progress-bar-warning”]
[progress_bar percentage=”100” name=”Complete” value=”80” type=”colored” colour=”progress-bar-danger”]
[/one_half]
[one_half extra=””]
[heading size=”h3” extra=”"]Accordion[/heading]
[accordions id=”area”]
[Account group]
[acchead id="area" tab_id="area0" class="active"]Accordion Panel #1[/acchead]
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.
[/accgroup]
[Account group]
[acchead id="area" tab_id="area1" class=""]Accordion Panel #2[/acchead]
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.
[/accgroup]
[Account group]
[acchead id="area" tab_id="area2" class=""]Accordion Panel #3[/acchead]
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.
[/accgroup]
[/accordions]
Toggles
[toggles id=”test”]
[togglegroup]
[togglehead id="test" tab_id="test0"]Toggle Panel #1[/togglehead]
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.
[/togglegroup]
[togglegroup]
[togglehead id="test" tab_id="test1"]Toggle Panel #2[/togglehead]
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.
[/togglegroup]
[togglegroup]
[togglehead id="test" tab_id="test2"]Toggle Panel #3[/togglehead]
[togglebody tab_id=”test2″]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]
[/toggles]
[/one_half]
[/container]
[divider extra=””]
[container extra=”row”]
[one_full extra=”” anim=”bounceInRight”]
[heading size=”h2” extra=”"]Alert Boxes[/heading]
Oh snap! Change a few things up and try submitting again.
Oh snap! Change a few things up and try submitting again.
Oh snap! Change a few things up and try submitting again.
Oh snap! Change a few things up and try submitting again.
Oh snap! Change a few things up and try submitting again.
[/one_full]
[/container]
[divider extra=””]
[container extra=”row”]
[one_half extra=””]
[heading size=”h3″ 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=””]
[heading size=”h3″ extra=””]Modal Box[/heading]
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
[modal_box id=”mymodal” title=”Modal title” text=”One fine body...” button=”Launch demo modal”]
[/one_half]
[/container]
[divider extra=””][/section]
[section extra=”counters padding-tb45 accent-color text-align-center”][container extra=”container”]
[one_full extra=”row” anim=””]
[one_fourth extra=”col-md-3 col-sm-3”]
[imic_count to=”9000” speed=”2000” icon=”fa-glass” textstyle=”div” subject="Drinks Consumed"]
[/one_fourth]
[one_fourth extra=”col-md-3 col-sm-3”]
Places Visited: 96
[/one_fourth]
[one_fourth extra=”col-md-3 col-sm-3”]
[imic_count to=”1500″ speed=”2000″ icon=”fa-music” textstyle=”div” subject=”Songs Played”]
[/one_fourth]
[one_fourth extra=”col-md-3 col-sm-3”]
[imic_count to=”1400″ speed=”2000″ icon=”fa-dribbble” textstyle=”div” subject=”hours played”]
[/one_fourth][/one_full]
[/container][/section]
[section extra=”container margin-40″]
[container extra=”row”]
[divider extra=””]
[one_half extra=””]
[h2]Forms[/h2]
Individual form controls automatically receive some global styling.
[imic_form]
[/one_half]
[one_half extra=””]
[divider extra=”visible-sm visible-xs tall”]
[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]
[/one_half]
[/container]
[divider extra=””]
[container extra=”row”]
[one_half extra=”” anim=””]
[heading size=”h3” 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]
[h2 spaced]Button Disabled[/h2]
[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]
[/one_half]
[one_half 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_half]
[/container][/section] Jabrill Peppers Authentic Jersey
