Elements

Progress Bars

[grid-row]
[grid-column span=”one-half”]

Stripped Bars

[progress-bar percent=”20″ style=”fancy” striped=”true” /]
[progress-bar percent=”40″ style=”fancy” striped=”true” color=”green” /]
[progress-bar percent=”60″ style=”fancy” striped=”true” color=”orange” /]
[progress-bar percent=”80″ style=”fancy” striped=”true” color=”red” /]
[/grid-column]
[grid-column span=”one-half”]

Normal Bars

[progress-bar percent=”20″ style=”fancy” /]
[progress-bar percent=”40″ style=”fancy” color=”green” /]
[progress-bar percent=”60″ style=”fancy” color=”orange” /]
[progress-bar percent=”80″ style=”fancy” color=”red” /]
[/grid-column]
[/grid-row]
[grid-row]
[grid-column span=”one-half”]

Tabbable Navs

[tabs tab1=”Section 1″ tab2=”Section 2″]
[tab id=”1″ active=”true”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempus eleifend risus ut congue. Pellentesque nec lacus elit. Pellentesque convallis nisi ac augue pharetra eu tristique neque consequat. Mauris ornare tempor nulla, vel sagittis diam convallis eget. Ut ultricies ornare dui, ac accumsan diam convallis eget.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempus eleifend risus ut congue. Pellentesque nec lacus elit. Pellentesque convallis nisi ac augue pharetra eu tristique neque consequat. Mauris ornare tempor nulla, vel sagittis diam convallis eget. Ut ultricies ornare dui, ac accumsan diam convallis eget.
[/tab]
[tab id=”2″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempus eleifend risus ut congue. Pellentesque nec lacus elit. Pellentesque convallis nisi ac augue pharetra eu tristique neque consequat. Mauris ornare tempor nulla, vel sagittis diam convallis eget. Ut ultricies ornare dui, ac accumsan diam convallis eget.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempus eleifend risus ut congue. Pellentesque nec lacus elit. Pellentesque convallis nisi ac augue pharetra eu tristique neque consequat. Mauris ornare tempor nulla, vel sagittis diam convallis eget. Ut ultricies ornare dui, ac accumsan diam convallis eget.
[/tab]
[/tabs]
[/grid-column]
[grid-column span=”one-half”]

Accordion

[accordion]
[accordion-group title=”Collapse Group Item #1″ active=”true”]
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.
[/accordion-group]
[accordion-group title=”Collapse Group Item #2″]
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.
[/accordion-group]
[accordion-group title=”Collapse Group Item #3″]
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven’t heard of them accusamus labore sustainable VHS.
[/accordion-group]
[/accordion]
[/grid-column]
[/grid-row]

[grid-row]
[grid-column span=”one-half”]

Modal Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempus eleifend risus ut congue. Pellentesque nec lacus elit. Pellentesque convallis nisi ac augue pharetra eu tristique neque consequat. Mauris ornare tempor nulla, vel sagittis diam convallis eget. Ut ultricies ornare dui, ac accumsan diam convallis eget.

[spacer /]

[modal title=Modal Heading” opentext=”Launch Demo Modal” closetext=”Close”]

Text in a modal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tempus eleifend risus ut congue. Pellentesque nec lacus elit. Pellentesque convallis nisi ac augue pharetra eu tristique neque consequat. Mauris ornare tempor nulla, vel sagittis diam convallis eget. Ut ultricies ornare dui, ac accumsan diam convallis eget.
[/modal]

[/grid-column]
[grid-column span=”one-half”]

Slider

[slideshow]
[slideshow-item active=”true”]fff[2][/slideshow-item]
[slideshow-item]fff[1][/slideshow-item]
[slideshow-item]fff[1][/slideshow-item]
[/slideshow]
[/grid-column]
[/grid-row]

Table

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Video Shortcodes

[grid-row]
[grid-column span=”one-half”]

YouTube

[youtube video=”thuViaxRd_w” width=”460″ height=”259″ /]
[/grid-column]
[grid-column span=”one-half”]

Vimeo

[vimeo video=”22439234″ width=”460″ height=”259″ /]
[/grid-column]
[/grid-row]

Icons

[icon type=”icon-user-md” size=”large”][icon type=”icon-cloud-download” size=”large”][icon type=”icon-angle-right” size=”large”][icon type=”icon-reply” size=”large”][icon type=”icon-desktop” size=”large”][icon type=”icon-coffee” size=”large”][icon type=”icon-facebook-sign” size=”large”][icon type=”icon-twitter” size=”large”][icon type=”icon-linkedin” size=”large”][icon type=”icon-google-plus” size=”large”][icon type=”icon-pinterest” size=”large”][icon type=”icon-play” size=”large”][icon type=”icon-hand-right” size=”large”][icon type=” icon-arrow-down” size=”large”][icon type=”icon-copy” size=”large”][icon type=”icon-heart” size=”large”][icon type=”icon-tag” size=”large”][icon type=”icon-comment” size=”large”][icon type=”icon-refresh” size=”large” spinning=”true”][icon type=”icon-spinner” size=”large” spinning=”true”]

Please note this is just a sample of the icons available, there are over 350 icons in this set. Sizes, colours and animations are fully customisable via the built-in shortcode. You can view the full list here.

Download PDF
Contact us

We're not around right now. But you can send us an email and we'll get back to you, asap.

Questions, issues or concerns? I'd love to help you!

Click ENTER to chat