Shortcode

Show All Joomla Wordpress Magento Opencart Drupal

Get the code

[gallery columns="4" filter="yes"]
[gallery_item tag="joomla" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="wordpress" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="joomla, wordpress" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="magento" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="opencart" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="magento, opencart" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="joomla, magento, wordpress, opencart" src="/images/helix/gallery/300x200.png"/]
[gallery_item tag="drupal" src="/images/helix/gallery/300x200.png"/]
[/gallery]

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.

Get the code

[row id="ROW_ID" class="ROW_CLASS"]
[col class="span4"]ADD_CONTENT_HERE[/col]
[col class="span4"]ADD_CONTENT_HERE[/col]
[col class="span4"]ADD_CONTENT_HERE[/col]
[/row]

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id. Nullam id dolor id nibh ultricies vehicula ut id. Donec id elit non mi porta gravida at eget metus.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.

Get the code

[row id="ROW_ID" class="ROW_CLASS"]
[col class="span8"]ADD_CONTENT_HERE[/col]
[col class="span4"]ADD_CONTENT_HERE[/col]
[/row]

Default Buttons

Get the Code:

[button type="default" size="mini" link="#"]Mini button[/button]
[button type="default" size="small" link="#"]Small button[/button]
[button type="default" size="" link="#"]Default button[/button]
[button type="default" size="large" link="#"]Large button[/button]
[button type="block btn-default" size="large" link="#"]Block level button[/button]

Primary Buttons

Get the Code:

[button type="primary" size="mini" link="#"]Mini button[/button]
[button type="primary" size="small" link="#"]Small button[/button]
[button type="primary" size="" link="#"]Default button[/button]
[button type="primary" size="large" link="#"]Large button[/button]
[button type="block btn-primary" size="large" link="#"]Block level button[/button]

Success Buttons

Get the Code:

[button type="success" size="mini" link="#"]Mini button[/button]
[button type="success" size="small" link="#"]Small button[/button]
[button type="success" size="" link="#"]success button[/button]
[button type="success" size="large" link="#"]Large button[/button]
[button type="block btn-success" size="large" link="#"]Block level button[/button]

Warning Buttons

Get the Code:

[button type="warning" size="mini" link="#"]Mini button[/button]
[button type="warning" size="small" link="#"]Small button[/button]
[button type="warning" size="" link="#"]warning button[/button]
[button type="warning" size="large" link="#"]Large button[/button]
[button type="block btn-warning" size="large" link="#"]Block level button[/button]

Danger Buttons

Get the Code:

[button type="danger" size="mini" link="#"]Mini button[/button]
[button type="danger" size="small" link="#"]Small button[/button]
[button type="danger" size="" link="#"]danger button[/button]
[button type="danger" size="large" link="#"]Large button[/button]
[button type="block btn-danger" size="large" link="#"]Block level button[/button]

inverse Buttons

Get the Code:

[button type="inverse" size="mini" link="#"]Mini button[/button]
[button type="inverse" size="small" link="#"]Small button[/button]
[button type="inverse" size="" link="#"]inverse button[/button]
[button type="inverse" size="large" link="#"]Large button[/button]
[button type="block btn-inverse" size="large" link="#"]Block level button[/button]

Get the code

[icon name="ICON_NAME"]...[/icon]

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue.

Error or danger!

Oh snap! Change a few things up and try submitting again.

success!

Well done! You successfully read this important alert message.

Information!

Heads up! This alert needs your attention, but it's not super important.