Shortcode

Section Third Counter Something Great

For showing section third counter something great on home page use below code

Get The Code

[column_content type="one_half"][counter icon="users" icon_style="solid" value="50" title="Student"]We pay attention to each course student.[/counter][counter icon="books" icon_style="light" value="60" plus="yes" title="Courses"]High-quality and easy to assimilate[/counter][counter icon="chalkboard-teacher" icon_style="light" value="40" plus="yes" title="Teachers"]Only practicing teachers[/counter][counter icon="award" icon_style="light" value="50" title="Awards Won" last="yes"]The most effective training system[/counter][/column_content][column_content type="one_half_last"]<h2>Let´s Make</h2><h1>Something Great!</h1><p>Praesent ornare, mi in porta iaculis, lectus mi ultrices est, eget commodo dolor neque vel massa. Donec sed tortor sodales, tincidunt leo eu, tristique

Donec enim arcu, porta eget sagittis non, imperdiet ac enim. Proin egestas odio sit amet leo aliquam rhoncus. Aenean purus mauris, aliquet quis urna vitae, blandit pharetra ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed vel semper sapien, in elementum purus.</p><a href="#" class="button">Register for Course</a>[/column_content][clear]

[hr]

Section Fourth What We Do

[column_content type=”one_third”][what_we_do image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-1.jpg” title=”The Training Process” link=”#”]fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.[/what_we_do][/column_content][column_content type=”one_third”][what_we_do image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-2.jpg” title=”Tutor Course Design” link=”#”]fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.[/what_we_do][/column_content][column_content type=”one_third_last”][what_we_do image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-3.jpg” title=”Customized Programs” link=”#”]fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.[/what_we_do][/column_content][clear][column_content type=”one_third”][what_we_do image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-4.jpg” title=”Learning & Development” link=”#”]fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.[/what_we_do][/column_content][column_content type=”one_third”][what_we_do image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-5.jpg” title=”Customers Sites” link=”#”]fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.[/what_we_do][/column_content][column_content type=”one_third_last”][what_we_do image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-6.jpg” title=”Evaluation System” link=”#”]fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.[/what_we_do][/column_content][clear]

Get The Code

[column_content type="one_third"]
     [what_we_do image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-1.jpg" title="The Training Process" link="#"]
          fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.
     [/what_we_do]
[/column_content]
[column_content type="one_third"]
     [what_we_do image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-2.jpg" title="Modular Course Design" link="#"]
          fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.
     [/what_we_do]
[/column_content]
[column_content type="one_third_last"]
     [what_we_do image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/whatwe-3.jpg" title="Customized Programs" link="#"]
          fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum primis in fauci. Pellentesque in aliquam mollis mag.
     [/what_we_do]
[/column_content]
[clear]

[hr]

Section Fifth Browse Our Categories

[category_box image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-1.png” title=”Programming Language” link=”#”][category_box image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-2.png” title=”Software Developement” link=”#”][category_box image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-3.png” title=”User Interface Design” link=”#”][category_box image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-4.png” title=”Our System Analysis” link=”#”][category_box image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-5.png” title=”Mathematics Science” link=”#”][category_box image=”http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-6.png” title=”Project Managements” link=”#” last=”yes”][clear]

Get The Code

[category_box image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-1.png" title="Programming Language" link="#"]
[category_box image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-2.png" title="Software Developement" link="#"]
[category_box image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-3.png" title="User Interface Design" link="#"]
[category_box image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-4.png" title="Our System Analysis" link="#"]
[category_box image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-5.png" title="Mathematics Science" link="#"]
[category_box image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/cat-6.png" title="Project Managements" link="#" last="yes"]

[hr]

Section Sixth Woocommerce From Store Product

[recent_products per_page=”4″ columns=”4″]

Get The Code

[recent_products per_page="4" columns="4"]

[hr]

Why Choose Us

For showing why choose us shortcode on home page use below code

Get The Code

[choose_us image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/choose-1.jpg" title="Experienced Faculties" link="#"]
     fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum.
[/choose_us]
[choose_us image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/choose-2.jpg" title="Effective Courses" link="#" last="yes"]
     fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum.
[/choose_us]
[clear]
[choose_us image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/choose-3.jpg" title="Certification Courses" link="#"]
     fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum.
[/choose_us]
[choose_us image="http://live-demo.online/tutor/wp-content/themes/tutor-pro/images/choose-4.jpg" title="Guranteed Placements" link="#" last="yes"]
     fringilla mollis mag luctus vel. Interdum et malesuada fames ac ante ipsum.
[/choose_us]
[clear]

[hr]

Our Team

Meet Our

Teachers

[clear]

Praesent ornare, mi in porta iaculis, lectus mi ultrices est, eget commod dolor neque vel massa. Donec sede tortor sodales, tincidunt leo.

View All

[our-team show=”3″]

[clear]

Get The Code

<div class="team-left">
     <h2>Meet Our</h2>
     <h1>Teachers</h1>
     [clear]
     <p>Praesent ornare, mi in porta iaculis, lectus mi ultrices est, eget commod dolor neque vel massa. Donec sede tortor sodales, tincidunt leo.</p>
     <a href="#" class="ReadMore">View All</a>
</div>
<div class="team-right">
     [our-team show="3"]
</div>
[clear]

[hr]

Testimonials

For showing Students Say Testimonials on home page use below code

Get The Code

[testimonials]

[hr]

All Testimonials Listing

[testimonials-listing show=”4″]

Get The Code

[testimonials-listing show="4"]

[hr]

Sidebar Testimonials Rotator

[sidebar-testimonials]

Get The Code

[sidebar-testimonials]

[hr]

Latest News

[latest-news showposts=”4″ date=”show” author=”show”]

Get The Code

[latest-news showposts="4" date="show" author="show" comment="show" category="show" from_category="Add category name slug here"]

[hr]

Photo Gallery

For showing Photo Gallery on gallery page use below code

Get The Code

[photo-gallery category="Add category name slug here" column="1,2,3,4,5" show="6"]

[hr]

Portfolio

For showing portfolio on portfolio page use below code

Get The Code

[portfolios show="18"]

[hr]

Portfolio Single Page Gallery

For showing portfolio single page gallery use below code

Get The Code

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

[hr]

[column_content type=”one_half”]

Skill Bar

[skill title=”Lower Grade” percent=”75″ bgcolor=”#00ca70″][skill title=”Upper Grade” percent=”85″ bgcolor=”#00ca70″][skill title=”Middle Grade” percent=”90″ bgcolor=”#00ca70″][skill title=”High Grade” percent=”95″ bgcolor=”#00ca70″][skill title=”Satisfied Students” percent=”75″ bgcolor=”#00ca70″][skill title=”Employed Graduates” percent=”82″ bgcolor=”#00ca70″]

Get The Code

[skill title="Lower Grade" percent="75" bgcolor="#00ca70"][skill title="Upper Grade" percent="85" bgcolor="#00ca70"][skill title="Middle Grade" percent="90" bgcolor="#00ca70"][skill title="High Grade" percent="95" bgcolor="#00ca70"][skill title="Satisfied Students" percent="75" bgcolor="#00ca70"][skill title="Employed Graduates" percent="82" bgcolor="#00ca70"]

[/column_content][column_content type=”one_half_last”]

Accordion Tab

[accordion][accordion_content title=”SKILLS”]Improved skills for building site to sell online courses successful, how to take that opportunity.[/accordion_content][accordion_content title=”SELF LEARNING”]The most important thing we expect that you will be able to learn anything just by your self.[/accordion_content][accordion_content title=”KNOWLEDGE”]Get knowledge about online business, trend analysis, customer approaches, products marketing.[/accordion_content][accordion_content title=”DISCUSSION”]Prompt conversation and collaboration within your community of learners and instructors with bbPress forums system integrated in this course.[/accordion_content][accordion_content title=”INTERNATIONAL PAYMENTS”]This course for learners in almost every country and currency. Checkout via some popular gateways like PayPal, Stripe, BACS, Cheque even Cash.[/accordion_content][accordion_content title=”HOSTED CONTENT”]Upload documents, presentations, images, and resources. Simply drag and drop content from your computer straight into the course.[/accordion_content][/accordion]

Get The Code Accordion Tab

[accordion][accordion_content title="SKILLS"]Improved skills for building site to sell online courses successful, how to take that opportunity.[/accordion_content][accordion_content title="SELF LEARNING"]The most important thing we expect that you will be able to learn anything just by your self.[/accordion_content][accordion_content title="KNOWLEDGE"]Get knowledge about online business, trend analysis, customer approaches, products marketing.[/accordion_content][accordion_content title="DISCUSSION"]Prompt conversation and collaboration within your community of learners and instructors with bbPress forums system integrated in this course.[/accordion_content][accordion_content title="INTERNATIONAL PAYMENTS"]This course for learners in almost every country and currency. Checkout via some popular gateways like PayPal, Stripe, BACS, Cheque even Cash.[/accordion_content][accordion_content title="HOSTED CONTENT"]Upload documents, presentations, images, and resources. Simply drag and drop content from your computer straight into the course.[/accordion_content][/accordion]

[/column_content][clear][hr]

[column_content type=”one_half”]

Toggle Content

[toggle_content title=”Lorem ipsum dolor”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula.[/toggle_content][toggle_content title=”Proin a lacus erat”]Proin a lacus erat. Sed vehicula, nibh et hendrerit facilisis, turpis dui sodales mauris, ut auctor lacus nisl at quam.[/toggle_content][toggle_content title=”Cras placerat lacus id”]Pellentesque tincidunt suscipit lobortis. Fusce eleifend orci nec pulvinar lacinia. Curabitur nec velit ante.[/toggle_content]

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]

[/column_content][column_content type=”one_half_last”]

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]

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]

[/column_content][hr]

Miscellaneous Shortcode

2 Column Shortcode

[column_content type=”one_half”]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.[/column_content][column_content type=”one_half_last”]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.[/column_content]

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]

[hr]

3 Column Shortcode

[column_content type=”one_third”]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.[/column_content][column_content type=”one_third”]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.[/column_content][column_content type=”one_third_last”]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.[/column_content]

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]

[hr]

4 Column Content

[column_content type=”one_fourth”]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.[/column_content][column_content type=”one_fourth”]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.[/column_content][column_content type=”one_fourth”]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.[/column_content][column_content type=”one_fourth_last”]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.[/column_content]

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]

[hr]

5 Column Content

[column_content type=”one_fifth”]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.[/column_content][column_content type=”one_fifth”]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.[/column_content][column_content type=”one_fifth”]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.[/column_content][column_content type=”one_fifth”]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.[/column_content][column_content type=”one_fifth_last”]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.[/column_content]

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]

[hr]

[column_content type=”one_half”]

Social Icon

[social_area][social icon=”facebook” link=”#”][social icon=”twitter” link=”#”][social icon=”google-plus” link=”#”][social icon=”linkedin” link=”#”][social icon=”pinterest-p” link=”#”][/social_area]

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

[/column_content][column_content type=”one_half_last”]

Search Box / Search Form

[searchform]

Get The Code

[searchform]

[/column_content][hr]

[column_content type=”one_half”]

Blockquote

[blockquote align=”left”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula.[/blockquote][blockquote align=”right”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus felis nunc, bibendum non ultrices quis, ornare quis ligula.[/blockquote]

Get The Code

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

[/column_content][column_content type=”one_half_last”]

Dropcap

[dropcap]L[/dropcap]orem 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]

[/column_content][hr]

List Style

( Note: You can choose style from list-1 to list-10)[column_content type=”one_fifth”]

List Style 1

[unordered_list style=”list-1″]

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

    • [/unordered_list]

    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]

    [/column_content][column_content type=”one_fifth”]

    List style 2

    [unordered_list style=”list-2″]

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

    • [/unordered_list]

    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]

    [/column_content][column_content type=”one_fifth”]

    List style 3

    [unordered_list style=”list-3″]

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

    • [/unordered_list]

    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]

    [/column_content][column_content type=”one_fifth”]

    List style 4

    [unordered_list style=”list-4″]

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

    • [/unordered_list]

    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]

    [/column_content][column_content type=”one_fifth_last”]

    List style 5

    [unordered_list style=”list-5″]

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

    • [/unordered_list]

    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]

    [/column_content][clear][column_content type=”one_fifth”]

    List style 6

    [unordered_list style=”list-6″]

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

    • [/unordered_list]

    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]

    [/column_content][column_content type=”one_fifth”]

    List style 7

    [unordered_list style=”list-7″]

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

    • [/unordered_list]

    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]

    [/column_content][column_content type=”one_fifth”]

    List style 8

    [unordered_list style=”list-8″]

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

    • [/unordered_list]

    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]

    [/column_content][column_content type=”one_fifth”]

    List style 9

    [unordered_list style=”list-9″]

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

    • [/unordered_list]

    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]

    [/column_content][column_content type=”one_fifth_last”]

    List style 10

    [unordered_list style=”list-10″]

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

    • [/unordered_list]

    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]

    [/column_content][clear]
    [hr]

    Alert Boxes

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

    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]

    [hr]

    Button

    Gradient Button

    [column_content type=”one_fourth”][gradient_button size=”small” bg_color=”#e00″ color=”#fff” text=”Medium Gradient Button” title=”Medium Gradient Button” url=”” position=”left”][/column_content][column_content type=”one_fourth”][gradient_button size=”medium” bg_color=”#060″ color=”#fff” text=”Medium Gradient Button” title=”Medium Gradient Button” url=”” position=”left”][/column_content][column_content type=”one_fourth”][gradient_button size=”large” bg_color=”#026″ color=”#fff” text=”Large Gradient Button” title=”Large Gradient Button” url=”” position=”left”][/column_content][column_content type=”one_fourth_last”][gradient_button size=”x-large” bg_color=”#00ccff” color=”#fff” text=”Extra Large Simple Button” title=”Extra Large Simple Button” url=”” position=”left”][/column_content]

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

    [hr]

    Simple Button

    [column_content type=”one_fourth”][simple_button size=”small” bg_color=”#c00″ color=”#fff” text=”Small Simple Button” title=”Small Simple Button” url=”#” position=”left”][/column_content][column_content type=”one_fourth”][simple_button size=”medium” bg_color=”#060″ color=”#fff” text=”Medium Simple Button” title=”Medium Simple Button” url=”” position=”left”][/column_content][column_content type=”one_fourth”][simple_button size=”large” bg_color=”#026″ color=”#fff” text=”Large Simple Button” title=”Large Simple Button” url=”” position=”left”][/column_content][column_content type=”one_fourth_last”][simple_button size=”x-large” bg_color=”#00ccff” color=”#fff” text=”Extra Large Simple Button” title=”Extra Large Simple Button” url=”” position=”left”][/column_content]

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

    [hr]

    Round Button

    [column_content type=”one_half”][round_button style=”light” text=”Round Button” title=”Round Button” url=”” position=”left”]

    Get The Code

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

    [/column_content][column_content type=”one_half_last”][round_button style=”dark” text=”Round Button” title=”Round Button” url=”” position=”left”]

    Get The Code

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

    [/column_content]