[columnContainer border=”yes”]

[column span=”span12″]

Panel Header

Add a panel header anywhere in your content. The Panel header shortcode accepts the following attributes:

  • icon
  • tip
  • link
  • target

[panelHeader tip=”View a complete list of bootstrap configurations” link=”#” icon=”fa fa-cogs”]This is a panel header[/panelHeader]
(panelHeader tip=”View a complete list of bootstrap configurations” link=”#” icon=”fa fa-cogs”)This is a panel header(/panelHeader)
[/column]

[/columnContainer]

[columnContainer border=”yes”]

[column span=”span12″]

Single Post

Add a single post anywhere in your content or widget. The Single Post shortcode accepts the following attributes:

  • id (post id)

[singlePost id=”93″ /]
(singlePost id=”93″ /)
[/column]

[/columnContainer]

[columnContainer border=”yes”]

[column span=”span4″]

Image Panel

Add an interactive image anywhere in your content or widget. The Image Panel shortcode accepts the following attributes:

  • title
  • link
  • icon
  • image
  • tip

[imagePanel title=”Donate For Children” tip=”Make a donation today!” link=”/hope/donations” icon=”fa fa-heart” image=”http://23.235.212.116/~acvn/wp-content/uploads/2013/09/iStock_000012753707_Small1.jpg”][/imagePanel]

(imagePanel title=”Donate For Children” tip=”Make a donation today!” link=”/hope/donations” icon=”fa fa-heart” image=”http://23.235.212.116/~acvn/wp-content/uploads/2013/09/iStock_000012753707_Small1.jpg”)(/imagePanel)

[/column]

[/columnContainer]

[columnContainer]

[column span=”span12″]

Percentage Bar

Add a percentage bar anywhere in your content. The Percentage Bar shortcode accepts the following attributes:

  • percentage

[progressBar percentage=”50%” /]
(progressBar percentage=”50%” /)

[progressBar percentage=”70%” /]
(progressBar percentage=”70%” /)

[progressBar percentage=”25%” /]
(progressBar percentage=”25%” /)
[/column]

[/columnContainer]

[columnContainer]

[column span=”span12″]

Fullscreen Column Container

(columnContainer fullscreen=”on” bgcolor=”” bgimage=””)(/columnContainer)

[/column]

[/columnContainer]

[columnContainer fullscreen=”on” bgimage=”http://23.235.212.116/~acvn/wp-content/uploads/2013/09/kids-bg.jpg”]

[column span=”span12″ alignment=”left”]

 

[callToAction]Full Width Container[/callToAction]

Add stunning full screen column containers to your website.

[hopeButton type=”large” color=”green”]This is a large button[/hopeButton]

[/column]

[/columnContainer]

[columnContainer]

[column span=”span12″]

Google Map

(googleMap id=”anotherMap” zoom=”13″ latitude=”43.656885″ longitude=”-79.383904″ message=”We are here” responsive=”1″ width=”300″ height=”450″)

[/column]

[/columnContainer]

[googleMap id=”anotherMap” zoom=”13″ latitude=”43.656885″ longitude=”-79.383904″ message=”We are here” responsive=”1″ width=”300″ height=”450″ /]

[columnContainer]

[column span=”span12″]

Get Creative with different layout possibilities using these powerful Shortcodes combined with Bootstrap Column shortcodes.

[/column]

[/columnContainer]

Leave a Reply

Your email address will not be published. Required fields are marked *

Post comment