SP Simple Map

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

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]

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]

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]

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]

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]

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]

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.