Shortcode

Theme Shortcode

Portfolio Gallery

For showing portfolio gallery on front page use below code

Get The Code

[photogallery]

Latest News

For showing latest post on front page use below code

Get the code

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

showposts = No. of posts you want to show
from_category = display posts from particular category( use category slug )
category = show / hide category
comment = show / hide comment
author = show / hide author
date = show / hide date

Our Creative Team

For showing our creative team on front page use below

Get The Code

[our-team show="6"]

We Work With Services

Unique Design

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

Web Graphic

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

Creativity and skills

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

100% Responsive

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

parallax slider

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

different layout type

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

Get The Code

[services icon="Add fontawesome icon here" title="Add title here" link="Add link here" last="type yes to remove last box margin"] Content goes here... [/services]

Achievement Awards

For showing achievement on front page use below code

Get The Code

Achievement Awards

[achievement icon="dribbble" number="1" title="Dribbble" link="#"][achievement icon="behance" number="2" title="Behance" link="#"][achievement icon="soundcloud" number="1" title="Soundcloud" link="#" last="yes"][achievement icon="connectdevelop" number="4" title="Creative Awards" link="#"][achievement icon="css3" number="5" title="CSS Winner" link="#"][achievement icon="paw" number="2" title="Paw Award" link="#" last="yes"][achievement icon="qrcode" number="2" title="QRCode" link="#"][achievement icon="rocket" number="1" title="Rocket Plugin" link="#"]

Achievement Awards List

[awards][award_list title="CMS Development"][award_list title="Brand Planing"][award_list title="Content Strategy"][award_list title="Digital Strategy"][award_list title="Mobile & App Development"][/awards]

Additional Features

For showing additional features on front page use below code

Get The Code

Features Left
[features_left icon="Add fontawesome icon here" title="Add title here" link="Add link here"] Content goes here... [/features_left]

Features Right
[features_right icon="Add fontawesome icon here" title="Add title here" link="Add link here"] Content goes here... [/features_right]

Pricing Plan Table

For showing pricing plan table on front page use below code

Get The Code

[price_table price="Add price here" title="Add title here" link="Add link here" last="Remove margin for last price box type yes"][price_list][price_row plan_list="Add list here"][/price_list][/price_table]

Client Logo

Get The Code

[client_lists][client image="Add image here" link="Add link here"][/client_lists]

Counter Number And Text

For showing counter on About page

Get The Code

[counter icon="Add fontawesome icon here" value="Add counting value example "300"" title="Add title here" last="Remove last box margin type yes"]

Creative Skills

Our Clients
75%
Campaign
50%
Marketing Expertise
25%
B2B Clients
30%
Achievement Awards
60%
Pricing Plans
100%

Get The Code Our Skill

[skill title="Our Clients" percent="75" bgcolor="#f4ae12"][skill title="Campaign" percent="50" bgcolor="#f4ae12"][skill title="Marketing Expertise" percent="25" bgcolor="#f4ae12"][skill title="B2B Clients" percent="30" bgcolor="#f4ae12"][skill title="Achievement Awards" percent="60" bgcolor="#f4ae12"][skill title="Pricing Plans" percent="100" bgcolor="#f4ae12"]

Accordion Tab

Unique Design

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

Web Graphic

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

Creativity and skills

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

100% Responsive

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

Parallax Slider

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

Different Layout Type

Etiamex eget lacus malesuada aliq sit am libero. Ut bibendum

Get The Code Accordion Tab

[accordion][accordion_content title="ACCORDION TITLE 1"]ACCORDION CONTENT 1[/accordion_content][accordion_content title="ACCORDION TITLE 2"]ACCORDION CONTENT 2[/accordion_content][accordion_content title="ACCORDION TITLE 3"]ACCORDION CONTENT 3[/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

  • About

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis.

  • Services

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis.

  • Events

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula. Integer vehicula tristique mi nec sagittis.

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]

Testimonials Rotator

Get The Code

[testimonials]

All Testimonials Listing

Duis eget commodo tortor. Donec volutpat, sem sit amet interdum egestas, mi nisi iaculis tellus, ornare pulvinar lacus nunc a sem. Duis viverra purus non est fringilla volutpat. Quisque magna turpis, pharetra ac tempus…

Donec volutpat, sem sit amet interdum egestas, mi nisi iaculis tellus, ornare pulvinar lacus nunc a sem. Duis viverra purus non est fringilla volutpat. Quisque magna turpis, pharetra ac tempus a, maximus maximus elit….

Quisque magna turpis, pharetra ac tempus a, maximus maximus elit. Duis lacus metus, bibendum sed consectetur vitae, sollicitudin sagittis ipsum. Duis eget commodo tortor. Donec volutpat, sem sit amet interdum egestas, mi nisi iaculis…

Pharetra ac tempus a, maximus maximus elit. Duis lacus metus, bibendum sed consectetur vitae, sollicitudin sagittis ipsum. Duis eget commodo tortor. Donec volutpat, sem sit amet interdum egestas, mi nisi iaculis tellus, ornare pulvinar…

Get The Code

[testimonials-listing show="4"]

Sidebar Testimonials Rotator

Duis eget commodo tortor. Donec volutpat, sem sit amet interdum egestas, mi nisi iaculis tellus, ornare pulvinar lacus nunc a sem. Duis viverra purus non est fringilla volutpat. Quisque magna turpis, pharetra ac tempus…

Donec volutpat, sem sit amet interdum egestas, mi nisi iaculis tellus, ornare pulvinar lacus nunc a sem. Duis viverra purus non est fringilla volutpat. Quisque magna turpis, pharetra ac tempus a, maximus maximus elit….

Quisque magna turpis, pharetra ac tempus a, maximus maximus elit. Duis lacus metus, bibendum sed consectetur vitae, sollicitudin sagittis ipsum. Duis eget commodo tortor. Donec volutpat, sem sit amet interdum egestas, mi nisi iaculis…

Pharetra ac tempus a, maximus maximus elit. Duis lacus metus, bibendum sed consectetur vitae, sollicitudin sagittis ipsum. Duis eget commodo tortor. Donec volutpat, sem sit amet interdum egestas, mi nisi iaculis tellus, ornare pulvinar…

Get The Code

[sidebar-testimonials]

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"]Column 1 Content goes here...[/column_content][column_content type="one_half_last"]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"]Column 1 Content goes here...[/column_content][column_content type="one_third"]Column 2 Content goes here...[/column_content][column_content type="one_third_last"]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"]Column 1 Content goes here...[/column_content][column_content type="one_fourth"]Column 2 Content goes here...[/column_content][column_content type="one_fourth"]Column 3 Content goes here...[/column_content][column_content type="one_fourth_last"]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"]Column 1 Content goes here...[/column_content][column_content type="one_fifth"]Column 2 Content goes here...[/column_content][column_content type="one_fifth"]Column 3 Content goes here...[/column_content][column_content type="one_fifth"]Column 4 Content goes here...[/column_content][column_content type="one_fifth_last"]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 color="#3b5998" icon="facebook" link="#"][social color="#1b95e0" icon="twitter" link="#"][social color="#d34836" icon="google-plus" link="#"][social color="#0077B5" icon="linkedin" link="#"][social color="#bd081b" icon="pinterest-p" link="#"][/social_area]

Search Box / Search Form

Get The Code

[searchform]

List Style

  • List style 1
  • List style 2
  • List style 3

Get The Code

[unordered_list style="list-1"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
Usable Attributes

You can use above shortcode with list-1 to list-10 attibutes

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]

Blockquote

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. Donec at sapien interdum, feugiat ex sed, blandit turpis. Cras placerat lacus id lacinia pulvinar. Praesent ornare neque risus, in rutrum odio hendrerit nec.
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. Donec at sapien interdum, feugiat ex sed, blandit turpis. Cras placerat lacus id lacinia pulvinar. Praesent ornare neque risus, in rutrum odio hendrerit nec.

Get The Code

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

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