1800 123 456789 contact@youremailid.com
1800 123 456789 contact@youremailid.com

Shortcode

Section First Our Website

Welcome to

Our Website

Aliquam erat volutpat. Quisque posuere elit ut efficitur hendrerit. Vestibulum aliquet enim ac eros mattis facilisis. Vivamus bibendum, sapien nec sagittis aliquam. Donec ultrices, diam sed efficitur semper, diam lectus malesuada nisl, eget congue.

Learn More

Get The Code

[content_with_image highlited_title="Welcome to" title="Our Website" button_text="Learn More" button_link="#" image="http://live-demo.online/babysitter/wp-content/themes/babysitter-pro/images/welcome.jpg" image_position="right" video_url="https://www.youtube.com/embed/k2IN2_V3GYQ" icon_style="solid" icon="play"] Aliquam erat volutpat. Quisque posuere elit ut efficitur hendrerit. Vestibulum aliquet enim ac eros mattis facilisis. Vivamus bibendum, sapien nec sagittis aliquam. Donec ultrices, diam sed efficitur semper, diam lectus malesuada nisl, eget congue. [/content_with_image][clear]

Section Second What We Offer

Full Day Session

Play Areas

Qualified Teachers

Activity Room

Knowledge Classes

Last Minute Request

Get The Code

[column_content type="one_third"][what_we_offer image="http://live-demo.online/babysitter/wp-content/themes/babysitter-pro/images/whatwe-1.jpg" title="Full Day Session" button_text="Learn More" button_link="#"][/column_content][column_content type="one_third"][what_we_offer image="http://live-demo.online/babysitter/wp-content/themes/babysitter-pro/images/whatwe-2.jpg" title="Play Areas" button_text="Learn More" button_link="#"][/column_content][column_content type="one_third_last"][what_we_offer image="http://live-demo.online/babysitter/wp-content/themes/babysitter-pro/images/whatwe-3.jpg" title="Qualified Teachers" button_text="Learn More" button_link="#"][/column_content][clear][column_content type="one_third"][what_we_offer image="http://live-demo.online/babysitter/wp-content/themes/babysitter-pro/images/whatwe-4.jpg" title="Activity Room" button_text="Learn More" button_link="#"][/column_content][column_content type="one_third"][what_we_offer image="http://live-demo.online/babysitter/wp-content/themes/babysitter-pro/images/whatwe-5.jpg" title="Knowledge Classes" button_text="Learn More" button_link="#"][/column_content][column_content type="one_third_last"][what_we_offer image="http://live-demo.online/babysitter/wp-content/themes/babysitter-pro/images/whatwe-6.jpg" title="Last Minute Request" button_text="Learn More" button_link="#"][/column_content][clear]

Section Third Counter

For showing section third counter on home page use below code

Get The Code

[counter_wrap][counter title="Happy Parents" title_color="#06384e" icon="user" icon_style="light" count="50" number_color="#2dd1af"][counter title="Teaching Hours" title_color="#06384e" icon="alarm-clock" icon_style="light" count="4565" number_color="#2dd1af"][clear][counter title="Days of Learning" title_color="#06384e" icon="graduation-cap" icon_style="light" count="350" number_color="#2dd1af"][counter title="Innovative Methods" title_color="#06384e" icon="lightbulb-on" icon_style="light" count="1375" number_color="#2dd1af"][clear][/counter_wrap][clear]

Section Four Our Video

For showing section four our video on home page use below code

Get The Code

[our-video]

Section Five Meet Our Babysister

Diana Smith

Position

Jane Matthews

Position

Annie Mason

Position

Get The Code

[our-team show="4" type="grid" column="3"]

Section Six Appointment

For showing section six appointment on home page use below code

Get The Code

[appointment_form title="Appointment" form_name="Appointment Form" form_id="63"]

Section Seven Babysitting Price

$35

Daily

Quisque posuere elit ut efficitur hendrerit Vestibulum

Choose Plan
$55

Monthly

Quisque posuere elit ut efficitur hendrerit Vestibulum

Choose Plan
$85

Yearly

Quisque posuere elit ut efficitur hendrerit Vestibulum

Choose Plan

Get The Code

[column_content type="one_third"][price_table price="$35" title="Daily" button_text="Choose Plan" button_link="#"]Quisque posuere elit ut efficitur hendrerit Vestibulum[/price_table][/column_content][column_content type="one_third"][price_table price="$55" title="Monthly" button_text="Choose Plan" button_link="#"]Quisque posuere elit ut efficitur hendrerit Vestibulum[/price_table][/column_content][column_content type="one_third_last"][price_table price="$85" title="Yearly" button_text="Choose Plan" button_link="#"]Quisque posuere elit ut efficitur hendrerit Vestibulum[/price_table][/column_content][clear]

Section Eight What Clients Say Testimonials

For showing section eight what client say testimonials on home page use below code

Get The Code

[testimonials show="4"]

All Testimonials Listing

Aliquam erat volutpat. Quisque posuere elit ut efficitur hendrerit. Vestibulum aliquet enim ac eros mattis facilisis. Donec ultrices, diam sed efficitur semper, diam lectus malesuada nisl, eget congue. Fusce nec augue eget risus tempor…

John Doe

Pellentesque volutpat, dolor in commodo ultricies, enim urna vulputate mi, non hendrerit nulla nunc eget risus. Aliquam tortor neque, luctus et diam sit amet, scelerisque fermentum dolor. Praesent lobortis felis risus, vel efficitur lorem…

Lissa Duckwil

Get The Code

[testimonials-listing show="2"]

Sidebar Testimonials Rotator

Get The Code

[sidebar-testimonials]

Section Nine Photo Gallery

Get The Code

[photo-gallery show="6" type="grid" column="3"]

Section Ten Latest News

Get The Code

[latest-news show="6" type="slider" comment="show" date="show" author="show" category="show"]

Skill Bar

Books & Reading
50%
Education Principles
70%
Lesson Plans
80%
Work Life Balance
80%
Creative Writing
60%

Get The Code

[skill title="Books & Reading" percent="50"][skill title="Education Principles" percent="70"][skill title="Lesson Plans" percent="80"][skill title="Work Life Balance" percent="80"][skill title="Creative Writing" percent="60"]

Accordion Tab

Happy Environment

Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.

Active Learning

Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.

Creative Lessons

Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.

Amazing Playground

Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.

Qualified Teachers

Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.

Get The Code Accordion Tab

[accordion][accordion_content title="Happy Environment"]Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.[/accordion_content][accordion_content title="Active Learning"]Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.[/accordion_content][accordion_content title="Creative Lessons"]Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.[/accordion_content][accordion_content title="Amazing Playground"]Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.[/accordion_content][accordion_content title="Qualified Teachers"]Curabitur non maximus lectus. Cras eleifend vitae mauris sit amet maximus. In hac habitasse platea dictumst. Aenean at arcu nulla.[/accordion_content][/accordion]

Toggle Content

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula.

Proin a lacus erat

Proin a lacus erat. Sed vehicula, nibh et hendrerit facilisis, turpis dui sodales mauris, ut auctor lacus nisl at quam.

Cras placerat lacus id

Pellentesque tincidunt suscipit lobortis. Fusce eleifend orci nec pulvinar lacinia. Curabitur nec velit ante.

Get The Code Toggle Content

[toggle_content title="Toggle Title 1"]Toggle content 1...[/toggle_content][toggle_content title="Toggle Title 2"]Toggle content 2...[/toggle_content][toggle_content title="Toggle Title 3"]Toggle content 3...[/toggle_content]

Tabs

Get The Code Tabs

[tabs][tab title="TAB TITLE 1"]TAB CONTENT 1[/tab][tab title="TAB TITLE 2"]TAB CONTENT 2[/tab][tab title="TAB TITLE 3"]TAB CONTENT 3[/tab][/tabs]

Miscellaneous Shortcode

2 Column Shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.

Get The Code

[column_content type="one_half" subcls="Add sub class here"]Column 1 Content goes here...[/column_content][column_content type="one_half_last" subcls="Add sub class here"]Column 2 Content goes here...[/column_content]

3 Column Shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.

Get The Code

[column_content type="one_third" subcls="Add sub class here"]Column 1 Content goes here...[/column_content][column_content type="one_third" subcls="Add sub class here"]Column 2 Content goes here...[/column_content][column_content type="one_third_last" subcls="Add sub class here"]Column 3 Content goes here...[/column_content]

4 Column Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.

Get The Code

[column_content type="one_fourth" subcls="Add sub class here"]Column 1 Content goes here...[/column_content][column_content type="one_fourth" subcls="Add sub class here"]Column 2 Content goes here...[/column_content][column_content type="one_fourth" subcls="Add sub class here"]Column 3 Content goes here...[/column_content][column_content type="one_fourth_last" subcls="Add sub class here"]Column 4 Content goes here...[/column_content]

5 Column Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros.

Get The Code

[column_content type="one_fifth" subcls="Add sub class here"]Column 1 Content goes here...[/column_content][column_content type="one_fifth" subcls="Add sub class here"]Column 2 Content goes here...[/column_content][column_content type="one_fifth" subcls="Add sub class here"]Column 3 Content goes here...[/column_content][column_content type="one_fifth" subcls="Add sub class here"]Column 4 Content goes here...[/column_content][column_content type="one_fifth_last" subcls="Add sub class here"]Column 5 Content goes here...[/column_content]

Social Icon

( Note: More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/)

Get The Code

[social_area][social icon="facebook-f" link="#"][social icon="twitter" link="#"][social icon="google-plus-g" link="#"][social icon="linkedin-in" link="#"][social icon="pinterest-p" link="#"][social icon="youtube-square" link="#"][/social_area]

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula.

Get The Code

[blockquote align="left/right"] Your quote text... [/blockquote]

Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis. Praesent eleifend, leo in pretium eleifend, turpis lorem pulvinar dolor, et tincidunt quam ex et eros. Proin a lacus erat. Sed vehicula, nibh et hendrerit facilisis, turpis dui sodales mauris, ut auctor lacus nisl at quam.

Get The Code

[dropcap]L[/dropcap]

List Style

( Note: You can choose style from list-1 to list-10)

List Style 1

  • List style 1
  • List style 1
  • List style 1

Get The Code

[unordered_list style="list-1"]<li>List style 1</li><li>List style 1</li><li>List style 1</li>[/unordered_list]

List style 2

  • List style 2
  • List style 2
  • List style 2

Get The Code

[unordered_list style="list-2"]<li>List style 2</li><li>List style 2</li><li>List style 2</li>[/unordered_list]

List style 3

  • List style 3
  • List style 3
  • List style 3

Get The Code

[unordered_list style="list-3"]<li>List style 3</li><li>List style 3</li><li>List style 3</li>[/unordered_list]

List style 4

  • List style 4
  • List style 4
  • List style 4

Get The Code

[unordered_list style="list-4"]<li>List style 4</li><li>List style 4</li><li>List style 4</li>[/unordered_list]

List style 5

  • List style 5
  • List style 5
  • List style 5

Get The Code

[unordered_list style="list-5"]<li>List style 5</li><li>List style 5</li><li>List style 5</li>[/unordered_list]

List style 6

  • List style 6
  • List style 6
  • List style 6

Get The Code

[unordered_list style="list-6"]<li>List style 6</li><li>List style 6</li><li>List style 6</li>[/unordered_list]

List style 7

  • List style 7
  • List style 7
  • List style 7

Get The Code

[unordered_list style="list-7"]<li>List style 7</li><li>List style 7</li><li>List style 7</li>[/unordered_list]

List style 8

  • List style 8
  • List style 8
  • List style 8

Get The Code

[unordered_list style="list-8"]<li>List style 8</li><li>List style 8</li><li>List style 8</li>[/unordered_list]

List style 9

  • List style 9
  • List style 9
  • List style 9

Get The Code

[unordered_list style="list-9"]<li>List style 9</li><li>List style 9</li><li>List style 9</li>[/unordered_list]

List style 10

  • List style 10
  • List style 10
  • List style 10

Get The Code

[unordered_list style="list-10"]<li>List style 10</li><li>List style 10</li><li>List style 10</li>[/unordered_list]


Alert Boxes

This is a sample of the ‘success’ style message box shortcode. To use this style use the following shortcode
This is a sample of the ‘error’ style message box shortcode. To use this style use the following shortcode.
This is a sample of the ‘warning’ style message box shortcode. To use this style use the following shortcode.
This is a sample of the ‘info’ style message box shortcode. To use this style use the following shortcode.
This is a sample of the ‘about’ style message box shortcode. To use this style use the following shortcode.

Get The Code

[message type="success"]This is a sample of the 'success' style message box shortcode. To use this style use the following shortcode[/message]
[message type="error"]This is a sample of the 'error' style message box shortcode. To use this style use the following shortcode.[/message]
[message type="warning"]This is a sample of the 'warning' style message box shortcode. To use this style use the following shortcode.[/message]
[message type="info"]This is a sample of the 'info' style message box shortcode. To use this style use the following shortcode.[/message]
[message type="about"]This is a sample of the 'about' style message box shortcode. To use this style use the following shortcode.[/message]

Button

Gradient Button

Get The Code

[gradient_button size="small/medium/large/x-large" bg_color="#e00" color="#fff" text="Medium Gradient Button" title="Medium Gradient Button" url="" position="left"]

Simple Button

Get The Code

[simple_button size="small/medium/large/x-large" bg_color="#e00" color="#fff" text="Medium Simple Button" title="Medium Gradient Button" url="" position="left"]

Round Button

Round Button

Get The Code

[round_button style="light" text="Round Button" title="Round Button" url="" position="left"]

Round Button

Get The Code

[round_button style="dark" text="Round Button" title="Round Button" url="" position="left"]