Shortcode

Home Shortcode

Section Third Our Menu

For showing Our Menu on home page use below code

Get The Code

[custom_tab][tab_list title="All"][special-menu category="all"][/tab_list][tab_list title="Burgers"][special-menu category="burgers"][/tab_list][tab_list title="Pasta"][special-menu category="pasta"][/tab_list][tab_list title="Beverages"][special-menu category="beverages"][/tab_list][/custom_tab]


Section Fifth Special Recipes

For showing Special Recipes on home page use below code

Get The Code

[column_content type="one_third"]
[special_recipes image="http://http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/special-1.jpg" title="Korean Recipes" link="#"]
Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi
[/special_recipes]
[/column_content]
[column_content type="one_third"]
[special_recipes image="http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/special-2.jpg" title="Gourmet Recipes" link="#"]
Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi
[/special_recipes]
[/column_content]
[column_content type="one_third_last"]
[special_recipes image="http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/special-3.jpg" title="Korean Rice Recipes" link="#"]
Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi
[/special_recipes]
[/column_content]
[clear]
[column_content type="one_third"]
[special_recipes image="http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/special-4.jpg" title="Special Pizza Recipes" link="#"]
Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi
[/special_recipes]
[/column_content]
[column_content type="one_third"]
[special_recipes image="http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/special-5.jpg" title="Macro Cheese Recipes" link="#"]
Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi
[/special_recipes]
[/column_content]
[column_content type="one_third_last"]
[special_recipes image="http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/special-6.jpg" title="Ham Chees Recipes" link="#"]
Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi
[/special_recipes]
[/column_content]
[clear]


Recent News And Update

Get The Code

[latest-news showposts="3" date="show" category="show" comment="show" author="show"]

Get The Code

[testimonials show="4"]

Testimonials Listing

Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi niiaculis tellus, ornare pulvinar lacus nunc a sem. Duis viverra purus non est fringilla volutpat. Quisque magna turpis, pharetr tem maximus maximus elit. Duis lacus metus, bibendum sed…

Jeny Doe

( Customer )

Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi niiaculis tellus, ornare pulvinar lacus nunc a sem. Duis viverra purus non est fringilla volutpat. Quisque magna turpis, pharetr tem maximus maximus elit. Duis lacus metus, bibendum sed…

Martin Doe

( Customer )

Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi niiaculis tellus, ornare pulvinar lacus nunc a sem. Duis viverra purus non est fringilla volutpat. Quisque magna turpis, pharetr tem maximus maximus elit. Duis lacus metus, bibendum sed…

Lorrel Doe

( Customer )

Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi niiaculis tellus, ornare pulvinar lacus nunc a sem. Duis viverra purus non est fringilla volutpat. Quisque magna turpis, pharetr tem maximus maximus elit. Duis lacus metus, bibendum sed…

Michele Doe

( Customer )

Get The Code

[testimonials-listing show="4"]

Testimonials Sidebar Rotator

Get The Code

[sidebar-testimonials show="4"]


Awesome Master Chef

Ristorante

Primi Piatti e Fritti

Pub

Pizze Rosse

Pizzeria

Pizze Bianche

Get The Code

[our-team showposts="3"]


Our Client Partners

Get The Code

[client_lists][client image="http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/logo1.jpg" link="#"][client image="http://http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/logo2.jpg" link="#"][client image="http://http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/logo3.jpg" link="#"][client image="http://http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/logo4.jpg" link="#"][client image="http://http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/logo5.jpg" link="#"][client image="http://http://starthemesdemo.net/hottest/wp-content/themes/hottest-pro/images/logo6.jpg" link="#"][/client_lists]

Portfolio

Get The Code

[portfolios show="9"]

Photo Gallery

Get The Code

[photogallery filter="true/false"]

Section Shortcode Inner Page

Get The Code

[section animation_type="Add animation type here Ex. Fade In Up" background_image="Add section background image here" background_color="Add section background color here" container_class="Add container class here" section_title="Add section title here" section_class="Add section class here"][/section]

Portfolio Single Page Image Carousel

Get The Code

[image_carousel][image path="Add image path here"][/image_carousel]

3098

+

Amazing Dishes

1528

+

Satisfied Staff

255

Work Hour

354

+

Tables

55

+

Awards

Get The Code

[counter count="3098" title="Amazing Dishes" plus="yes" color="#ffffff"][counter count="1528" title="Satisfied Staff" plus="yes" color="#ffffff"][counter count="255" title="Work Hour" plus="no" color="#ffffff"][counter count="354" title="Tables" plus="yes" color="#ffffff"][counter count="55" title="Awards" plus="yes" color="#ffffff" last="yes"][clear]

Progress Bar Shortcode

Amazing Dishes
90%
Satisfied Staff
75%
Work Hour
80%
Tables
65%
Awards
55%

Get The Code

[skill title="Amazing Dishes" percent="90" bgcolor="#fdad20"][skill title="Satisfied Staff" percent="75" bgcolor="#fdad20"][skill title="Work Hour" percent="80" bgcolor="#fdad20"][skill title="Tables" percent="65" bgcolor="#fdad20"][skill title="Awards" percent="55" bgcolor="#fdad20"]

Accordion Shortcode

Korean Recipes

Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi

Gourmet Recipes

Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi

Korean Rice Recipes

Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi

Get The Code

[accordion][accordion_content title="Korean Recipes"]Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi[/accordion_content][accordion_content title="Gourmet Recipes"]Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi[/accordion_content][accordion_content title="Korean Rice Recipes"]Duis eget commodo tortor. Donec volutpat, sem amet interdum egestas, mi[/accordion_content][/accordion]

Tab Shortcode

  • TAB TITLE 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet ligula non ipsum rutrum, non vestibulum est vulputate.

  • TAB TITLE 2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet ligula non ipsum rutrum, non vestibulum est vulputate.

  • TAB TITLE 3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc imperdiet ligula non ipsum rutrum, non vestibulum est vulputate.

Get The Code

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

Toggle Shortcode

Toggle Title 1

Toggle content 1…

Toggle Title 2

Toggle content 2…


Toggle Title 3

Toggle content 3…

Get The Code

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

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" link="#"][social icon="twitter" link="#"][social icon="instagram" link="#"][social icon="linkedin" link="#"][social icon="pinterest-p" link="#"][/social_area]

Search Form

Get The Code

[searchform]

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 extra class to column"] Column content goes here.. [/column_content][column_content type="one_half_last" subcls="Add extra class to column"] Column content goes here.. [/column_content][clear]

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 extra class to column"] Column content goes here.. [/column_content][column_content type="one_third" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_third_last" subcls="Add extra class to column"] Column content goes here.. [/column_content]

4 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.
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 extra class to column"] Column content goes here.. [/column_content][column_content type="one_fourth" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_fourth" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_fourth_last" subcls="Add extra class to column"] Column content goes here.. [/column_content][clear]

5 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.
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 extra class to column"] Column content goes here.. [/column_content]
[column_content type="one_fifth" subcls="Add extra class to column"] Column content goes here..[/column_content][column_content type="one_fifth" subcls="Add extra class to column"]Column content goes here.. [/column_content][column_content type="one_fifth" subcls="Add extra class to column"] Column content goes here.. [/column_content][column_content type="one_fifth_last" subcls="Add extra class to column"] Column content goes here.. [/column_content][clear]

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]

Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl. Integer sem odio, finibus eget ornare eu, vulputate at tellus. Aenean in nibh facilisis, fringilla nisi vel, hendrerit odio. Nulla facilisi. Vestibulum quis ante ac ante mattis venenatis. Fusce tempor ultricies auctor. Fusce porta diam sed dapibus sollicitudin. Ut consequat efficitur sem sed efficitur. Ut eget cursus turpis. Quisque nibh est, rhoncus a massa in, elementum consectetur justo. Proin et tempus urna. Aenean gravida mollis nunc quis condimentum.

Get The Code

[dropcap]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl.

Get The Code

[blockquote align="left/right"] Text Here.. [/blockquote]

YouTube Video

Get The Code

[youtube vid_src="https://www.youtube.com/embed/-wDmW3QweLk" vid_height="350"]

Vimeo Video

Get The Code

[vimeo vid_src="https://player.vimeo.com/video/183648707" vid_height="350"]

Alert Message Box

This is a sample of the “success” 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]

Alert Error Box

This is a sample of the “error” style message box shortcode. To use this style use the following shortcode.

Get The Code

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

Alert Warning Box

This is a sample of the “warning” style message box shortcode. To use this style use the following shortcode.

Get The Code

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

Alert Info Box

This is a sample of the “info” style message box shortcode. To use this style use the following shortcode.

Get The Code

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

Alert About Box

This is a sample of the “about” style message box shortcode. To use this style use the following shortcode.

Get The Code

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

Custom Button

Get The Code

[button align="center" name="View All" link="#"]

Gradient Button

(Note : you can choose size of button from “small”,”medium”,”large”,”x-large”)

Medium 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

(Note : you can choose size of button from “small”,”medium”,”large”,”x-large”)

Medium 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

(Note : you can choose style of button from “light”,”dark”)

Round Button

Get The Code

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