Portfolio section
Shortcode:
[zp_portfolio preselect_cat="graphics" lightbox="true"] “preselect_cat” is a portfolio category slug. “lightbox” option are ‘true’ or ‘false’
Blog section
5 Ways Yoga Can Help Enhance Your Career
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Read More
3 Secrets To Rocking Your Yoga With Ayurveda
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
Read MoreShortcode:
[blog_section columns="3" items="3" category="" exclude_ids="" post_in="" ][/blog_section]
Services section
Meditation.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
More InfoShortcode:
[services columns="4" align="center" items="4"]
Image section
Single Photo Example
Here is an example with one single photo displayed on the right.
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius..
Shortcode:
[image_section image_url="IMAGE_URL" link="IMAGE_LINK" title="TITLE" desc="DESCRIPTION" image_position="right/left" ]CONTENT_HERE[/image_section]
Video section
An Embed Video Example
Here is an example with an embed video displayed on the left
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Shortcode:
[video_section src="VIDEO_URL" title="TITLE" desc="DESCRIPTION" video_position="left/right" height="200" width="300"]CONTENT_HERE[/video_section]
slider section
Showcase Something
This is a carousel example...
Unde, vero voluptas delectus explicabo maxime ad qui incidunt! Saepe, dolor, consequatur, distinctio incidunt unde fuga expedita ducimus maiores tempora quis vitae?
Shortcode:
[slider_section slidename="SLIDER_NAME" slideshow="SLIDESHOW" caption="true" slider_position="left/right" title="TITLE" desc="DESCRIPTION" ]CONTENT HERE[/slider_section] NOTE: “slidename” serves as the ID of the slider. This must be unique and must be one word only. “slideshow” is a slug of the slideshow. See “Slides”
Prices section
Shortcode:
[pricing columns="3"][/pricing]
Team section
John Doe
Hatha Yoga Teacher
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ericka Doe
Jivamukti Yoga Teacher
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Stephanie Doe
Vigorous Vinyasas Teacher
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Jane Doe
Anusara Yoga Teacher
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Shortcode:
[team columns="4" align="left" ][/team]
Testimonials section
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..
Sarah Jackson, Freelancer
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
John Doe, Developer
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..
Mike Doe, BloggerShortcode:
[testimonial_section]
Clients section
Shortcode:
[client_carousel name="1"][/client_carousel]
Contact section
Shortcode:
[contact_section]CONTACT_FORM_7_SHORTCODE[/contact_section]
Button Style
DefaultPrimarySuccessInfoWarningDangerInverse
Shortcode:
[button class="btn-default" size="btn-lg" inline="false" link="#" ]Default[/button] [button class="btn-primary" size="btn-lg" inline="true" link="#" ]Primary[/button] [button class="btn-success" size="btn-lg" inline="true" link="#" ]Success[/button] [button class="btn-info" size="btn-lg" inline="true" link="#" ]Info[/button] [button class="btn-warning" size="btn-lg" inline="true" link="#" ]Warning[/button] [button class="btn-danger" size="btn-lg" inline="true" link="#" ]Danger[/button] [button class="btn-inverse" size="btn-lg" inline="true" link="#" ]Inverse[/button]
Button Sizes
Extra LargeLargeMediumSmallExtra Small
Shortcode:
[button class="btn-default" size="btn-hg" inline="false" link="#" ]Extra Large[/button] [button class="btn-default" size="btn-lg" inline="true" link="#" ]Large[/button] [button class="btn-default" size="" inline="true" link="#" ]Medium[/button] [button class="btn-default" size="btn-sm" inline="true" link="#" ]Small[/button] [button class="btn-default" size="btn-xs" inline="true" link="#" ]Extra Small[/button]
Modal Box
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Shortcode:
[modal modal_name="" btn_label="" btn_size="btn-hg" btn_class="btn-default"][modal_header title=""][/modal_header][modal_content][/modal_content][modal_footer][/modal_footer][/modal]
Tooltips in a modal
Here is some dummy text. You can also use tooltips. That one showed on top, but you can have it on the bottom too! How about left or right?
Shortcode:
[tooltip position="right" title="Hey, i'm a right tooltip!" ]right[/tooltip]
Popover in a modal
This popover should trigger a popover on click.
Shortcode:
[popover position="right" title="popover title" label="And here's some amazing content. It's very engaging. right?"]popover[/popover]
Info Boxes
Success Box
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Info Box
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Warning Box
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Danger Box
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.
Shortcode:
[alert class="alert-warning" ]TEXT HERE[/alert] [alert class="alert-success" ]TEXT HERE[/alert] [alert class="alert-info" ]TEXT HERE[/alert] [alert class="alert-danger" ]TEXT HERE[/alert]
Tabs
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Shortcode:
[tab ids="tab1,tab2,tab3" nav="Tab 1,Tab 2,Tab 3"] [tabpane id="tab1"][/tabpane] [tabpane id="tab2"][/tabpane] [tabpane id="tab3"][/tabpane] [/tab]
Accordion
Absolutely! As shown with a few examples within this demo, you can use all the bootstrap goodies such as carousels, modal windows, tooltips, tabs, accordions, form elements…
Absolutely! As shown with a few examples within this demo, you can use all the bootstrap goodies such as carousels, modal windows, tooltips, tabs, accordions, form elements…
Shortcode:
[accordion_wrap] [accordion id="one" title="TITLE"]CONTENT HERE[/accordion] [accordion id="two" title="TITLE"]CONTENT HERE[/accordion] [accordion id="three" title="TITLE"]CONTENT HERE[/accordion] [/accordion_wrap]
Two Columns
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Shortcode:
[column_wrapper] [one_half][/one_half] [one_half][/one_half] [/column_wrapper]
Three Columns
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Shortcode:
[column_wrapper] [one_third][/one_third] [one_third][/one_third] [one_third][/one_third] [/column_wrapper]
Four Columns
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Shortcode:
[column_wrapper] [one_fourth][/one_fourth] [one_fourth][/one_fourth] [one_fourth][/one_fourth] [one_fourth][/one_fourth] [/column_wrapper]