Shortcodes

[row]
[col desktop="6"]
[html]

Tabs

[/html]
[tabs]
[tab title="Tab #1"]
[html]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.

[/html]
[/tab]
[tab title="Tab #2"]
[html]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.

[/html]
[/tab]
[tab title="Tab #3"]
[html format="ckeditor" different_values="0"]

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.TEST.com

[/html]
[/tab]
[/tabs]
[/col]
[col desktop="6"]
[html]

Accordion

[/html]
[accordions]
[accordion title="Accordion Panel #1" active="1" different_values="0"]
[html]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.[/html]
[/accordion]
[accordion title="Accordion Panel #2"]
[html]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.[/html]
[/accordion]
[accordion title="Accordion Panel #3"]
[html]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.[/html]
[/accordion]
[accordion title="Accordion Panel #4"]
[html]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.[/html]
[/accordion]
[/accordions]
[/col]
[/row]
[delimiter]
[/delimiter]
[html]

Buttons

[/html]
[row]
[col desktop="2"]
[button link="contact" extra_classes="btn-lg btn-default"]
[html]Large[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-lg btn-primary"]
[html]Large[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-lg btn-info"]
[html]Large[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-lg btn-success"]
[html]Large[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-lg btn-warning"]
[html]Large[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-lg btn-danger"]
[html]Large[/html]
[/button]
[/col]
[/row]
[spacer]
[/spacer]
[row]
[col desktop="2"]
[button link="contact" extra_classes="btn-default"]
[html]Normal[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-primary"]
[html]Normal[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-info"]
[html]Normal[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-success"]
[html]Normal[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-warning"]
[html]Normal[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-danger"]
[html]Normal[/html]
[/button]
[/col]
[/row]
[spacer]
[/spacer]
[row]
[col desktop="2"]
[button link="contact" extra_classes="btn-sm btn-default"]
[html]Small[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-sm btn-primary"]
[html]Small[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-sm btn-info"]
[html]Small[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-sm btn-success"]
[html]Small[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-sm btn-warning"]
[html]Small[/html]
[/button]
[/col]
[col desktop="2"]
[button link="contact" extra_classes="btn-sm btn-danger"]
[html]Small[/html]
[/button]
[/col]
[/row]
[delimiter]
[/delimiter]
[html]

Call to Action

[/html]
[call_to_action link="contact"]
[html]

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

[/html]
[/call_to_action]
[spacer]
[/spacer]
[call_to_action link="contact" extra_classes="centered"]
[html]

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

[/html]
[/call_to_action]
[delimiter]
[/delimiter]
[html]

Icon Boxes

[/html]
[row]
[col desktop="4"]
[icon_box icon="fa fa-fire"]
[html]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.[/html]
[/icon_box]
[/col]
[col desktop="4"]
[icon_box icon="fa fa-fire" extra_classes="circled icon-box-animated"]
[html]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.[/html]
[/icon_box]
[/col]
[col desktop="4"]
[icon_box icon="fa fa-fire" extra_classes="squared icon-box-animated"]
[html]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.[/html]
[/icon_box]
[/col]
[/row]
[spacer]
[/spacer]
[row]
[col desktop="4"]
[icon_box icon="fa fa-fire" extra_classes="centered"]
[html]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.[/html]
[/icon_box]
[/col]
[col desktop="4"]
[icon_box icon="fa fa-fire" extra_classes="centered circled icon-box-animated"]
[html]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.[/html]
[/icon_box]
[/col]
[col desktop="4"]
[icon_box icon="fa fa-fire" extra_classes="centered squared icon-box-animated"]
[html]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam laoreet sodales lacinia. Curabitur ut purus tincidunt, iaculis elit a, eleifend augue.[/html]
[/icon_box]
[/col]
[/row]
[delimiter]
[/delimiter]
[html]

Featured Boxes

[/html]
[featured_boxes extra_classes="parallax-bg"]
[featured_box title="Layered PSD" subtitle="Donec id tincidunt diam Integer laoreet dolor" icon="fa fa-file-text-o"]
[html]Integer auctor accumsan curs llam commodo velit[/html]
[/featured_box]
[featured_box title="Built on Bootstrap" subtitle="Donec id tincidunt diam Integer laoreet dolor" icon="fa fa-briefcase"]
[html]Integer auctor accumsan curs llam commodo velit[/html]
[/featured_box]
[featured_box title="Responsive Design" subtitle="Donec id tincidunt diam Integer laoreet dolor" icon="fa fa-expand" different_values="0"]
[html]Integer auctor accumsan curs llam commodo velit[/html]
[/featured_box]
[featured_box title="Filterable Portfolio" subtitle="Donec id tincidunt diam Integer laoreet dolor" icon="fa fa-th-large"]
[html]Integer auctor accumsan curs llam commodo velit[/html]
[/featured_box]
[/featured_boxes]
[spacer extra_classes="lg"]
[/spacer]
[html]

Shape Boxes

[/html]
[row]
[col desktop="3" tablet="6"]
[shape_box title="Stability" image="/sites/all/themes/stability/images/samples/shape-img1.jpg" style="line" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Strength" image="/sites/all/themes/stability/images/samples/shape-img2.jpg" style="line" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Solidity" image="/sites/all/themes/stability/images/samples/shape-img3.jpg" style="line" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Tower" image="/sites/all/themes/stability/images/samples/shape-img4.jpg" style="line" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[/row]
[delimiter]
[/delimiter]
[row]
[col desktop="3" tablet="6"]
[shape_box title="Stability" image="/sites/all/themes/stability/images/samples/shape-img1.jpg" style="round" link="contact" type="line" different_values="0"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Strength" image="/sites/all/themes/stability/images/samples/shape-img2.jpg" style="round" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Solidity" image="/sites/all/themes/stability/images/samples/shape-img3.jpg" style="round" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Tower" image="/sites/all/themes/stability/images/samples/shape-img4.jpg" style="round" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[/row]
[delimiter]
[/delimiter]
[row]
[col desktop="3" tablet="6"]
[shape_box title="Stability" image="/sites/all/themes/stability/images/samples/shape-img1.jpg" style="triangle" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Strength" image="/sites/all/themes/stability/images/samples/shape-img2.jpg" style="triangle" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Solidity" image="/sites/all/themes/stability/images/samples/shape-img3.jpg" style="triangle" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[col desktop="3" tablet="6"]
[shape_box title="Tower" image="/sites/all/themes/stability/images/samples/shape-img4.jpg" style="triangle" link="contact"]
[html]Suspendisse eu laoreet libero. Sed ligula.[/html]
[/shape_box]
[/col]
[/row]
[delimiter]
[/delimiter]
[html]

Table - bordered

Header 1Header 2Header 3Header 4
Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit amet
2345223556786543
120 GB140 GB180 GB220 GB
Vivamus interdumVivamus interdumVivamus interdumVivamus interdum
Read MoreRead MoreRead MoreRead More

[/html]
[delimiter]
[/delimiter]
[html]

Progress Bars

[/html]
[row]
[col desktop="4"]
[progress title="Primary" percent="80" color="progress-bar-primary" different_values="0"]
[/progress]
[progress title="Success" percent="50" extra_classes="progress-bar-success" color="progress-bar-success" different_values="0"]
[/progress]
[progress title="Info" percent="70" extra_classes="progress-bar-info" color="progress-bar-info" different_values="0"]
[/progress]
[progress title="Warning" percent="75" extra_classes="progress-bar-warning" color="progress-bar-warning" different_values="0"]
[/progress]
[progress title="Danger" percent="45" extra_classes="progress-bar-danger" color="progress-bar-danger" different_values="0"]
[/progress]
[/col]
[col desktop="4"]
[progress title="Primary" percent="80" type="striped"]
[/progress]
[progress title="Success" percent="50" type="striped" extra_classes="progress-bar-success"]
[/progress]
[progress title="Info" percent="70" type="striped" extra_classes="progress-bar-info"]
[/progress]
[progress title="Warning" percent="75" type="striped" extra_classes="progress-bar-warning"]
[/progress]
[progress title="Danger" percent="45" type="striped" extra_classes="progress-bar-danger"]
[/progress]
[/col]
[col desktop="4"]
[progress title="Primary" percent="80" type="striped active"]
[/progress]
[progress title="Success" percent="50" type="striped active" extra_classes="progress-bar-success"]
[/progress]
[progress title="Info" percent="70" type="striped active" extra_classes="progress-bar-info"]
[/progress]
[progress title="Warning" percent="75" type="striped active" extra_classes="progress-bar-warning"]
[/progress]
[progress title="Danger" percent="45" type="striped active" extra_classes="progress-bar-danger"]
[/progress]
[/col]
[/row]
[delimiter]
[/delimiter]
[row]
[col desktop="6"]
[quote]
[html]

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.

[/html]
[/quote]
[/col]
[col desktop="6"]
[quote author="Dan Fisher" position="Freelance Web Developer"]
[html]

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.

[/html]
[/quote]
[/col]
[/row]
[delimiter]
[/delimiter]
[html]

Alert Boxes

[/html]
[row]
[col desktop="6"]
[message extra_classes="alert-danger alert-dismissable" color="alert-danger" dismissable="0" different_values="0"]
[html]Oh snap! Change a few things up and try submitting again.[/html]
[/message]
[message extra_classes="alert-info"]
[html]Heads up! This alert needs your attention, but it's not super important.[/html]
[/message]
[/col]
[col desktop="6"]
[message extra_classes="alert-warning alert-dismissable"]
[html]Warning! Better check yourself, you're not looking too good.[/html]
[/message]
[message extra_classes="alert-success"]
[html]Well done! You successfully read this important alert message.[/html]
[/message]
[/col]
[/row]
[delimiter]
[/delimiter]
[row]
[col desktop="6"]
[html format="full_html" different_values="0"]

Pagination

[/html]
[/col]
[col desktop="6"]
[html]

Code

Inline

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

User input

To switch directories, type cd followed by the name of the directory.

Basic block

<p>Sample text here...</p>

[/html]
[/col]
[/row]