Call Us (800) 755 1000

Shortcodes

Modal Box

Use the [modal_box] shortcode to show a popup box with overlay. The [modal_box] shortcode can also be linked with these module positions: reveal-a, reveal-b and reveal-c. By using one of these positions as your target, the modal box will show a popup of the modules that have be placed in these positions and assigned to the corresponding menu.


target Description
reveal-a show modal box for modules in reveal-a position
reveal-b show modal box for modules in reveal-b position
reveal-c show modal box for modules in reveal-c position

For each module linked to reveal-a, reveal-b or reveal-c, you can use Module Class Suffix to style it just like a normal module. The target parameter can also be the id of a content section.

Size modifier

To adjust the size (width) of the modal box, add modal-small or modal-large to the Module Class Suffix of the module.

Trigger a modal box from link


reveal-a   reveal-b   reveal-c

markup
[modal_box link target="reveal-a"]reveal-a[/modal_box] 
[modal_box link target="reveal-b"]reveal-b[/modal_box] 
[modal_box link target="reveal-c"]reveal-c[/modal_box]

Trigger a modal box from photo


sample_1

markup
[modal_box link target="reveal-a"][image style="uk-image-round" url="images/demo/sample.jpg" title="sample_1" width="275" height="182" /][/modal_box] 

Toggle modal box from buttons


reveal-a   reveal-b   reveal-c

markup
[modal_box button style="color" target="reveal-a"]reveal-a[/modal_box]
[modal_box button style="color" target="reveal-b"]reveal-b[/modal_box]
[modal_box button style="color" target="reveal-c"]reveal-c[/modal_box]

Toggle modal box for inline content


The [modal_box] shortcode can also be used for inline content by using the following sytnax:

markup
<!-- create a link that will trigger the pop-up modal box -->
[modal_box link target="mycontent"]my link[/modal_box] 

<!-- create the content of the modal box -->
[modal_box content target="mycontent" style="mod-color"]
...
[/modal_box]

Popup content

Inline content

Throughout life people will make you mad, disrespect you and treat you bad. Let God deal with the things they do, cause hate in your heart will consume you too. Be kind whenever possible. It is always possible.



Our Vision

visionWe build the web
Believe that life is worth living and your belief will help create the fact


visionWe strive to excel
The world owes you nothing. It was here first. If you don't like, change it

Our Location

world-map

Our offices are located all over the globe with multi-lingual assistants to help you out

Life is a series of natural and spontaneous changes. Don't resist them - that only creates sorrow. Let reality be reality.

Popup Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Popup B Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Popup C Widget

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Lorem ipsum dolor sit amet sectetur elit Donec sit amet nibh dolor vivamus non arcu sanctus est penatibus et magnis dis parturient montes consectetur eleifend tempus. Cum sociis natoque penatibus et magnis orem ipsum dolor sit amet sectetur adipiscing elit

Offcanvas Module

Our themes are built on a responsive framework, which gives them a friendly, adaptive layout