Tabs & infobox

Use the tab and collapse shortcode to easily group your content into short able items to send a clearer informations

[columngroup][twocol_one]

Tab – Title Position on Top

[tabibt position=”top”]
[tabtitle]
[tabtitleitem title=”Title #1″ id=”tab_1″]
[tabtitleitem title=”Title #2″ id=”tab_2″]
[tabtitleitem title=”Title #3″ id=”tab_3″]
[/tabtitle]
[tabcontent]
[tabcontentitem id=”tab_1″]Content Title #1 goes here[/tabcontentitem]
[tabcontentitem id=”tab_2″]Content Title #2 goes here[/tabcontentitem]
[tabcontentitem id=”tab_3″]Content Title #3 goes here[/tabcontentitem]
[/tabcontent]
[/tabibt]

[/twocol_one][twocol_one]

Tab – Title Position on Left

[tabibt position=”left”]
[tabtitle]
[tabtitleitem title=”Title #1″ id=”tableft_1″]
[tabtitleitem title=”Title #2″ id=”tableft_2″]
[tabtitleitem title=”Title #3″ id=”tableft_3″]
[/tabtitle]
[tabcontent]
[tabcontentitem id=”tableft_1″]Content Title #1 goes here[/tabcontentitem]
[tabcontentitem id=”tableft_2″]Content Title #2 goes here[/tabcontentitem]
[tabcontentitem id=”tableft_3″]Content Title #3 goes here[/tabcontentitem]
[/tabcontent]
[/tabibt]

[/twocol_one][/columngroup][columngroup][twocol_one]

Stylish Info Box

Pre-made color, custom background color, custom font color, custom border color and close button option.

[boxibt style=”gray”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[boxibt style=”yellow” closebutton=”yes”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[boxibt style=”danger” closebutton=”yes”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[/twocol_one][twocol_one]

Stylish Info Box

Pre-made color, custom background color, custom font color, custom border color and close button option.

[boxibt style=”success”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[boxibt style=”info” closebutton=”yes”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[boxibt style=”gray” bordercolor=”#000000″ bgcolor=”#222222″ fontcolor=”#aaaaaa”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[/twocol_one][/columngroup][columngroup][twocol_one]

Custom Border

[customborder width=”2″ style=”dashed” color=”#d3deaa”]
Custom border based on the theme setting. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/customborder]

[/twocol_one][twocol_one]

Collapse

[collapseibt id=”collapse_1″ title=”Title #1″]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/collapseibt]

[collapseibt id=”collapse_2″ title=”Title #2″]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/collapseibt]

[collapseibt id=”collapse_3″ title=”Title #3″]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/collapseibt]

[/twocol_one][/columngroup][columngroup][onecol_one]

Slider on Content

[contentslider width=”100%” height=”auto” numitem=”2″]
[slideritem title=””]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[break]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam…

[/slideritem]
[slideritem title=””]

food_1

[/slideritem]

[/contentslider]

[/onecol_one][/columngroup]

Tabs & infobox

Use the tab and collapse shortcode to easily group your content into short able items to send a clearer informations

[columngroup][twocol_one]

Tab – Title Position on Top

[tabibt position=”top”]
[tabtitle]
[tabtitleitem title=”Title #1″ id=”tab_1″]
[tabtitleitem title=”Title #2″ id=”tab_2″]
[tabtitleitem title=”Title #3″ id=”tab_3″]
[/tabtitle]
[tabcontent]
[tabcontentitem id=”tab_1″]Content Title #1 goes here[/tabcontentitem]
[tabcontentitem id=”tab_2″]Content Title #2 goes here[/tabcontentitem]
[tabcontentitem id=”tab_3″]Content Title #3 goes here[/tabcontentitem]
[/tabcontent]
[/tabibt]

[/twocol_one][twocol_one]

Tab – Title Position on Left

[tabibt position=”left”]
[tabtitle]
[tabtitleitem title=”Title #1″ id=”tableft_1″]
[tabtitleitem title=”Title #2″ id=”tableft_2″]
[tabtitleitem title=”Title #3″ id=”tableft_3″]
[/tabtitle]
[tabcontent]
[tabcontentitem id=”tableft_1″]Content Title #1 goes here[/tabcontentitem]
[tabcontentitem id=”tableft_2″]Content Title #2 goes here[/tabcontentitem]
[tabcontentitem id=”tableft_3″]Content Title #3 goes here[/tabcontentitem]
[/tabcontent]
[/tabibt]

[/twocol_one][/columngroup][columngroup][twocol_one]

Stylish Info Box

Pre-made color, custom background color, custom font color, custom border color and close button option.

[boxibt style=”gray”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[boxibt style=”yellow” closebutton=”yes”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[boxibt style=”danger” closebutton=”yes”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[/twocol_one][twocol_one]

Stylish Info Box

Pre-made color, custom background color, custom font color, custom border color and close button option.

[boxibt style=”success”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[boxibt style=”info” closebutton=”yes”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[boxibt style=”gray” bordercolor=”#000000″ bgcolor=”#222222″ fontcolor=”#aaaaaa”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/boxibt]

[/twocol_one][/columngroup][columngroup][twocol_one]

Custom Border

[customborder width=”2″ style=”dashed” color=”#d3deaa”]
Custom border based on the theme setting. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/customborder]

[/twocol_one][twocol_one]

Collapse

[collapseibt id=”collapse_1″ title=”Title #1″]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/collapseibt]

[collapseibt id=”collapse_2″ title=”Title #2″]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/collapseibt]

[collapseibt id=”collapse_3″ title=”Title #3″]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/collapseibt]

[/twocol_one][/columngroup][columngroup][onecol_one]

Slider on Content

[contentslider width=”100%” height=”auto” numitem=”2″]
[slideritem title=””]

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[break]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam…

[/slideritem]
[slideritem title=””]

food_1

[/slideritem]

[/contentslider]

[/onecol_one][/columngroup]