Shortcodes

TABS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue. Phasellus blandit augue vel sollicitudin blandit.

Curabitur eget rhoncus quam, vel elementum arcu. In accumsan tincidunt varius. Nunc vel ligula sit amet nibh hendrerit gravida id et orci.
lectus sagittis faucibus at in mauris. Quisque id placerat elit. In hac habitasse platea dictumst. In facilisis dui eget arcu consectetur molestie. Sed eros urna placerat vitae commodo at, rutrum eget ligula. In eget velit in elit tincidunt dictum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue. Phasellus blandit augue vel sollicitudin blandit.

Curabitur eget rhoncus quam, vel elementum arcu. In accumsan tincidunt varius. Nunc vel ligula sit amet nibh hendrerit gravida id et orci.
lectus sagittis faucibus at in mauris. Quisque id placerat elit. In hac habitasse platea dictumst. In facilisis dui eget arcu consectetur molestie. Sed eros urna placerat vitae commodo at, rutrum eget ligula. In eget velit in elit tincidunt dictum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue. Phasellus blandit augue vel sollicitudin blandit.

Curabitur eget rhoncus quam, vel elementum arcu. In accumsan tincidunt varius. Nunc vel ligula sit amet nibh hendrerit gravida id et orci.
lectus sagittis faucibus at in mauris. Quisque id placerat elit. In hac habitasse platea dictumst. In facilisis dui eget arcu consectetur molestie. Sed eros urna placerat vitae commodo at, rutrum eget ligula. In eget velit in elit tincidunt dictum.

ACCORDION

Accordion Panel #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue. Phasellus blandit augue vel sollicitudin blandit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue. Phasellus blandit augue vel sollicitudin blandit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue. Phasellus blandit augue vel sollicitudin blandit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue. Phasellus blandit augue vel sollicitudin blandit.

Buttons

[button size=lg]LARGE[/button]
[button]LARGE[/button]
[button size=sm]LARGE[/button]
[button size=lg type=primary ]LARGE[/button]
[button type=primary ]LARGE[/button]
[button size=sm type=primary ]LARGE[/button]
[button size=lg type=info ]LARGE[/button]
[button type=info ]LARGE[/button]
[button size=sm type=info ]LARGE[/button]
[button size=lg type=success]LARGE[/button]
[button type=success]LARGE[/button]
[button size=sm type=success]LARGE[/button]
[button size=lg type=warning]LARGE[/button]
[button type=warning]LARGE[/button]
[button size=sm type=warning]LARGE[/button]
[button size=lg type=primary ]LARGE[/button]
[button type=primary ]LARGE[/button]
[button size=sm type=primary ]LARGE[/button]

CALL TO ACTION

Sed interdum sed tortor nec sagittis

Curabitur eget rhoncus quam, vel elementum arcu. In accumsan tincidunt varius. Nunc vel ligula sit amet nibh hendrerit gravida id et

READ MORE

Sed interdum sed tortor nec sagittis

Curabitur eget rhoncus quam, vel elementum arcu. In accumsan tincidunt varius. Nunc vel ligula sit amet nibh hendrerit gravida id et

READ MORE

ICON BOXES

ONE FONT, 369 ICONS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.

ONE FONT, 369 ICONS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.

ONE FONT, 369 ICONS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.

ONE FONT, 369 ICONS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.

ONE FONT, 369 ICONS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.

ONE FONT, 369 ICONS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.

FEATURED BOXES

Table - bordered

[tables cls="table-striped table-bordered"]
Header 1 Header 2 Header 3 Header 4
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
2345 2235 5678 6543
120 GB 140 GB 180 GB 220 GB
Vivamus interdum Vivamus interdum Vivamus interdum Vivamus interdum
Read More Read More Read More Read More
[/tables]

PROGRESS BARS

Default

[bar progress=80 ]Primary[/bar] [bar progress=50 cls=success]Success[/bar] [bar progress=70 cls=info]Info[/bar] [bar progress=75 cls=warning]Warning[/bar] [bar progress=45 cls=danger]Danger[/bar]

STRIPED

[bar progress=80 style=striped ]Primary[/bar] [bar progress=50 style=striped cls=success]Success[/bar] [bar progress=70 style=striped cls=info]Info[/bar] [bar progress=75 style=striped cls=warning]Warning[/bar] [bar progress=45 style=striped cls=danger]Danger[/bar]

Default

[bar progress=80 style=animated]Primary[/bar] [bar progress=50 style=animated cls=success]Success[/bar] [bar progress=70 style=animated cls=info]Info[/bar] [bar progress=75 cls=warning]Warning[/bar] [bar progress=45 style=animated style=animated cls=danger]Danger[/bar]

Blockquote

[blockquote]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt.

Iaculis elit a, eleifend augue. Ut gravida justo purus, ac sodales orci tincidunt non.

[/blockquote]

TESTIMONIAL

ALERT BOXES

[alerts type=danger close=true]Oh snap! Change a few things up and try submitting again.[/alerts]
[alerts close=true]Oh snap! Change a few things up and try submitting again.[/alerts]
[alerts type=info close=true]Oh snap! Change a few things up and try submitting again.[/alerts]
[alerts type=success close=true]Oh snap! Change a few things up and try submitting again.[/alerts]

MODALS

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent molestie est id mauris fermentum ultricies. Vestibulum urna tortor, posuere id magna a, convallis laoreet arcu. Quisque facilisis tempus lorem ut gravida. Mauris sollicitudin dictum cursus.

[model close=true]Your content goes here...[/model]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent molestie est id mauris fermentum ultricies. Vestibulum urna tortor, posuere id magna a, convallis laoreet arcu. Quisque facilisis tempus lorem ut gravida. Mauris sollicitudin dictum cursus.

[model close=true launch_button ="Launch Large modal" style=large]Your content goes here...[/model]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent molestie est id mauris fermentum ultricies. Vestibulum urna tortor, posuere id magna a, convallis laoreet arcu. Quisque facilisis tempus lorem ut gravida. Mauris sollicitudin dictum cursus.

[model close=true launch_button ="Launch Small modal" style=small]Your content goes here...[/model]

Pagination

CODE

Inline

For example, [inline]<section>[/inline] should be wrapped as inline.

User input

To switch directories, type [inline style=two]cd[/inline] followed by the name of the directory.

Basic block

[inline style=three]<p>Sample text here...</p>[/inline]

FORM ELEMENTS

Name / Email / Password

Select

[selectbox] [/selectbox]

Multiple Select

[selectbox multiple=true] [/selectbox]

RADIO BUTTONS / CHECK BOXES

[radio checked=true]Opt 1[/radio][radio ]Opt 1[/radio]
[radio checked=true style=s2]Opt 1[/radio][radio style=s2]Opt 2[/radio]
[radio checked=true style=s3]Opt 3[/radio][radio style=s3]Opt 3[/radio]
[radio checked=true style=s4]Opt 4[/radio][radio style=s4]Opt 4[/radio]
[checkbox checked=true]Opt 1[/checkbox][checkbox]Opt 2[/checkbox]
[checkbox checked=true style=s2]Opt 1[/checkbox][checkbox style=s2]Opt 2[/checkbox]
[checkbox checked=true style=s3]Opt 3[/checkbox][checkbox style=s3]Opt 3[/checkbox]
[checkbox checked=true style=s4]Opt 4[/checkbox][checkbox style=s4]Opt 4[/checkbox]