Portfolio section

AllFoto-SeiteImpressionen Startseite

[zp_portfolio preselect_cat="graphics" lightbox="true"]
„preselect_cat“ is a portfolio category slug. „lightbox“ option are ‚true‘ or ‚false‘

Blog section

[blog_section columns="3" items="3" category="" exclude_ids="" ][/blog_section]

Services section

[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..

Learn More

[image_section image_url="IMAGE_URL" link="IMAGE_LINK" title="TITLE" desc="DESCRIPTION" image_position="right/left" ]CONTENT_HERE[/image_section]

Video section

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von Vimeo.
Mehr erfahren

Video laden

Vimeo immer entsperren

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.

Learn More

[video_section src="VIDEO_URL" title="TITLE" desc="DESCRIPTION" video_position="left/right" height="200" width="300"]CONTENT_HERE[/video_section]

slider section

[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

[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.

[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, Blogger

[testimonial_section]

Clients section

[client_carousel name="1"][/client_carousel]

Contact section

[contact_section]CONTACT_FORM_7_SHORTCODE[/contact_section]

Button Style

[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

[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

[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?

[tooltip position="right" title="Hey, i'm a right tooltip!" ]right[/tooltip]

Popover in a modal

This popover should trigger a popover on click.

[popover position="right" title="popover title" label="And here's some amazing content. It's very engaging. right?"]popover[/popover]

Info Boxes

[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]

[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_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

[column_wrapper]
[one_half][/one_half]
[one_half][/one_half]
[/column_wrapper]

Three Columns

[column_wrapper]
[one_third][/one_third]
[one_third][/one_third]
[one_third][/one_third]
[/column_wrapper]

Four Columns

[column_wrapper]
[one_fourth][/one_fourth]
[one_fourth][/one_fourth]
[one_fourth][/one_fourth]
[one_fourth][/one_fourth]
[/column_wrapper]