Shortcodes

Shortcodes add additional features to your page with little effort.
Below are examples of shortcodes included in this theme.

Content Slider

[slider]

   [slide]
   This is where the content for slide 1 goes.
   [/slide]

   [slide]
    This is where the content for slide 2 goes.
   [/slide]

   [slide]
    This is where the content for slide 3 goes.
   [/slide]

   [slide]
    This is where the content for slide 4 goes.
   [/slide]

   ...

[/slider]

Toggles

Can I use as many toggle shortcodes as I want?

Yes. There is NO limit to the number of toggles you can display on a page.

This toggle has the “open” option set to “true”

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, auctor eget vestibulum consectetur, euismod et nisi. Suspendisse malesuada pellentesque justo, at molestie dui convallis in. Fusce sollicitudin est ut arcu auctor posuere. In ut urna vel velit condimentum placerat. Proin tortor dolor, porta pharetra blandit non, dictum at risus.

Can I embed videos with the toggle shortcode?

View Shortcode

[toggle title="View Shortcode"]
This is where the content of the toggle goes. It's really super easy.
[/toggle]

Buttons

Purchase.

-- LARGE --

[button link="URL-GOES-HERE"]Basic Example[/button]

[button link="URL-GOES-HERE" color="#61a54f"][icon class="icon-tag"] Purchase[/button]

[button link="URL-GOES-HERE" color="#A54F4F"][icon class="icon-download-alt"] Download[/button]

[button link="URL-GOES-HERE" color="#A5A24F"][icon class="icon-phone"] Call Today</i>[/button]

-- MEDIUM --

[button link="URL-GOES-HERE" size="medium"]Basic Example[/button]

[button link="URL-GOES-HERE" color="#61a54f" size="medium"][icon class="icon-tag"] Purchase[/button]

[button link="URL-GOES-HERE" color="#A54F4F" size="medium"][icon class="icon-download-alt"] Download[/button]

[button link="URL-GOES-HERE" color="#A5A24F" size="medium"][icon class="icon-phone"] Call Today</i>[/button]

-- SMALL --

[button link="URL-GOES-HERE" size="small"]Basic Example[/button]

[button link="URL-GOES-HERE" color="#61a54f" size="small"][icon class="icon-tag"] Purchase[/button]

[button link="URL-GOES-HERE" color="#A54F4F" size="small"][icon class="icon-download-alt"] Download[/button]

[button link="URL-GOES-HERE" color="#A5A24F" size="small"][icon class="icon-phone"] Call Today</i>[/button]

Skills

WP Development90%

PHP80%

HTML + CSS100%

jQuery100%

Photoshop100%

SEO85%

View Shortcode

[skill level="90" title="WP Development"]
[skill level="80" title="PHP"]
[skill level="100" title="HTML + CSS"]
[skill level="100" title="jQuery"]
[skill level="100" title="Photoshop"]
[skill level="85" title="SEO"]

Dividers

View Shortcode

[divider top="10" bottom="10" color="#000"]
[divider top="10" bottom="10" color="#111"]
[divider top="10" bottom="10" color="#222"]
[divider top="10" bottom="10" color="#333"]
[divider top="10" bottom="10" color="#444"]
[divider top="10" bottom="10" color="#555"]
[divider top="10" bottom="10" color="#666"]
[divider top="10" bottom="10" color="#777"]
[divider top="10" bottom="10" color="#888"]
[divider top="10" bottom="10" color="#999"]
[divider top="10" bottom="10" color="#aaa"]
[divider top="10" bottom="10" color="#bbb"]
[divider top="10" bottom="10" color="#ccc"]
[divider top="10" bottom="10" color="#ddd"]
[divider top="10" bottom="10" color="#eee"]
[divider top="10" bottom="10" color="#fff"]
[divider top="10" bottom="10" color="transparent"]
[divider top="10" bottom="10" color="#000" style="dashed"]
[divider top="10" bottom="10" color="#000" style="dotted"]
[divider top="10" bottom="10" color="#000" style="double" width="3"]
[divider top="10" bottom="40" color="#000" width="3"]

Video

[vimeo id="41623404"]

[youtube id="DQkYGIyLkuk"]

[viddler id="bdce8c7" w="750" h="442"]

[dailymotion id="xjpo89" w="750" h="440"]

Divs

This div has “align” set to “justify”

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, auctor eget vestibulum consectetur, euismod et nisi. Suspendisse malesuada pellentesque justo, at molestie dui convallis in. Fusce sollicitudin est ut arcu auctor posuere. Lorem ipsum dolor sit amet, sollicitudin est ut consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This div has “align” set to “right” with bottom set to “10”

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus tellus, auctor eget vestibulum consectetur, euismod et nisi. Suspendisse malesuada pellentesque justo, at molestie dui convallis in. Fusce sollicitudin est ut arcu auctor posuere. Lorem ipsum dolor sit amet, sollicitudin est ut consectetur.

This div has “align” set to “center” with left/right set to “50”

View Shortcode

[div align="justify"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
[/div]

[div bottom="10" align="right"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
[/div]

[div left="50" right="50" align="center"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
[/div]

Menu Links

Menu links allow you to access the main menu panels from anywhere on the site.

Projects Panel Example →
Video Panel Example →

Projects Panel Example

Video Panel Example

View Shortcode

[menulink menu="2"]
Link Text Here
[/menulink]

[menulink menu="2"]
[button size="small"]Link Text Here[/button]
[/menulink]

Pagination Links

Pagination Links allow you to access the different sections of the currently active panel.

Page 1 Example →
Page 2 Example →

Page 1 Example

Page 2 Example

View Shortcode

[pagelink page="1"]
Link Text Here
[/pagelink]

[pagelink page="1"]
[button size="small"]Link Text Here[/button]
[/pagelink]

Columns

1/2 Column ………. ………… … …………. ……… ……. ………. ……………….. ………… ………. …… ………… …………… …………… …………… ………… ….. …………..

1/3 Column …….. ….… …………. ………… ……… ……. ………. ……………….. ………………………..

2/3 Column ……… …………. ……….. …………. …………. …….. ……. ………. ….. ………. …… ……. …. …. ………… …….. …………………… ….. …………… ………. …… ……….. ……………….. ………… ……….. ………… …………… …… …

1/3 Column …….. ….… …………. ………… ……… ……. ………. ……………….. ………………………..

1/4 Column …….. …………. … …….. ………… …… …… ……. … ………….….

3/4 Column …… … … ………. …… ….. ………… … ………. ……… ………… ……. ………. ….. ………. …… ……. …. …. ………… …………………….. ………….. …………………… ….. …………… ………. …… ………………….. ……………….. ……… ………….. …

1/4 Column …….. …………. … …….. ………… …… …… ……. … ………….….

1/5 Column ……… … …… ….. ……. … ……………… …

3/5 Column …….. …………. ……….. ………… …………. ………………… ……. ………. ….. ……………… …… ……. …. …. ………… …………………….. ………….. …………………… ….. …………… ………. ……

2/5 Column ………… ……… ………… …………….. …………… …….. ….. ….. ……. ………… ………….. …. ……. …..

4/5 Column ……… …………. ……… ………. ….. ……………… …… ……. …. …. ………… …………………….. ………….. …………………… ….. …………… ………. …… …. ………. …………. ……….. ……… ………. …………. ……….. ……… ………. …………. ……….. ……… ………. ….. ……..

1/5 Column ……… … …… ….. ……. … ……………… …

1/6 Column ….. ……. …. …. ………… …….. ……

5/6 Column ….. ……. …. …. …. …. …… …… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ……… ……. …. …. …….. ………… …….. ………

1/6 Column ….. ……. …. …. ………… …….. ……

View Shortcode

[one_half]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus dolor consectetur.
[/one_half]

[one_half_last]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tellus dolor consectetur.
[/one_half_last]

[one_third]
Lorem ipsum dolor sit amet elit, consectetur adipiscing elit. Duis tellus dolor consectetur.
[/one_third]

[one_third_last]
Lorem ipsum dolor sit amet elit, consectetur adipiscing elit. Duis tellus dolor consectetur.
[/one_third_last]