trainyourself.eu

Trainer*innen-Ausbildungen in Wien und Online

  • Startseite
  • Das Institut
  • Unser Kursangebot
Weiterbildungen online machen

Weiterbildungen online machen

Lernen wann und wo du willst, bequem und flexibel

Fernstudium im eigenen Tempo

Fernstudium im eigenen Tempo

Du kannst heute noch starten und übermorgen abschließen, es liegt an dir!

Ausbildungen mit trainyourself

Ausbildungen mit trainyourself

Unsere Ausbildungen stellen dir das Know-How für die Erwachsenenbildung zur Verfügung!

Shortcodes

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

Shortcode:

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

Services section

Happiness.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor

More Info

Practice.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor

More Info

Lifestyle.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor

More Info

Meditation.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor

More Info

Shortcode:

[services columns="4" align="center" items="4"]

Image section

placeholder image

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

Shortcode:

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

Video section

Vimeo

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

Video laden

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

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?

    Learn More

    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

    • BASIC

      $ 99
      per month
      • 30 GB Storage
      • 512 MB Ram
      • 10 databases
      • 20 Emails
      • 20 GB Bandwidth
      Sign Up
    • STANDART

      $ 299
      per month
      • 100 GB Storage
      • 1024MB Ram
      • 80 databases
      • 50 Emails
      • Unlimited Bandwidth
      Sign Up
    • PROFESSIONAL

      $ 499
      per month
      • Unlimited Storage
      • 2048MB Ram
      • 100 databases
      • 100 Emails
      • Unlimited Bandwidth
      Sign Up

    Shortcode:

    [pricing columns="3"][/pricing]
    

    Team section

    placeholder

    John Doe
    Hatha Yoga Teacher

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    placeholder

    Ericka Doe
    Jivamukti Yoga Teacher

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    placeholder

    Stephanie Doe
    Vigorous Vinyasas Teacher

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    placeholder

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

    Shortcode:

    [testimonial_section]
    

    Clients section

    Shortcode:

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

    Contact section

    [contact-form-7 id=“4387″ title=“Contact form 1″]

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

    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

    Is this template compatible with Bootstrap 3?

    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…

    Is this template compatible with Bootstrap 3?

    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…

    Is this template compatible with Bootstrap 3?

    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]
    

    © 2023 FREIRAUM - Institut für ganzheitliche Entwicklung OG,
    Büro im Talent Garden: Liechtensteinstraße 111-115, 1090 Wien

    • Impressum
    • AGB
    • Datenschutz

    Modal title

    Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.

    Text in a modal

    Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

    Popover in a modal

    This popover should trigger a popover on click.

    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?


    Overflowing text to show scroll behavior

    Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui.

    Donec ullamcorper nulla non metus auctor fringilla.Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui.

    Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.