Section First Our Sepcialization
[column_content type=”one_third”][specialization_box image=”http://live-demo.online/modular/wp-content/themes/modular-pro/images/spec-d-1.png” title=”Architecture” link=”#”]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis, non sodales nulla convallis. Pellentesque a sem vitae quam[/specialization_box][/column_content][column_content type=”one_third”][specialization_box image=”http://live-demo.online/modular/wp-content/themes/modular-pro/images/spec-d-2.png” title=”Interior” link=”#”]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis, non sodales nulla convallis. Pellentesque a sem vitae quam[/specialization_box][/column_content][column_content type=”one_third_last”][specialization_box image=”http://live-demo.online/modular/wp-content/themes/modular-pro/images/spec-d-3.png” title=”Urban Design” link=”#”]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis, non sodales nulla convallis. Pellentesque a sem vitae quam[/specialization_box][/column_content]
Get The Code
[column_content type="one_third"][specialization_box image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/spec-d-1.png" title="Architecture" link="#"]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis, non sodales nulla convallis. Pellentesque a sem vitae quam[/specialization_box][/column_content][column_content type="one_third"][specialization_box image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/spec-d-2.png" title="Interior" link="#"]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis, non sodales nulla convallis. Pellentesque a sem vitae quam[/specialization_box][/column_content][column_content type="one_third_last"][specialization_box image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/spec-d-3.png" title="Urban Design" link="#"]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis, non sodales nulla convallis. Pellentesque a sem vitae quam[/specialization_box][/column_content]
[hr]
Section Second What We Do
For showing What We Do on home page use below code
Get The Code
[what_we_do image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/what-we-1.jpg" image_position="left" title="Residential Design"] Donec cursus, dolor eu varius malesuada, neque nisl rhoncus augue, scelerisque tincidunt purus dui ut magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.[/what_we_do][what_we_do image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/what-we-2.jpg" image_position="right" title="Ecommercial Design"]Donec cursus, dolor eu varius malesuada, neque nisl rhoncus augue, scelerisque tincidunt purus dui ut magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.[/what_we_do]
[hr]
Section Third Features
For showing section third features on home page use below code
Get The Code
[features bgcolor="#333333" icon="building" title="We Love Space" link="#"]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis.[/features][features bgcolor="#2b2b2b" icon="leaf" title="Green Design" link="#"]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis.[/features][features bgcolor="#242424" icon="database" title="Expert Interior" link="#"]consectetur adipiscing elit. In vel velit. Cras sagittis diam et eros sagittis.[/features][clear]
[hr]
Section Fourth We Transform Thought Into Centerpieces
For showing section Fourth on home page use below code
Get The Code
[column_content type="one_third"][our_work image="http://localhost/alexa/modular/wp-content/themes/modular-pro/images/worksm1.png" title="Architecture" link="#"][/column_content][column_content type="one_third"][our_work image="http://localhost/alexa/modular/wp-content/themes/modular-pro/images/worksm2.png" title="Interior" link="#"][/column_content][column_content type="one_third_last"][our_work image="http://localhost/alexa/modular/wp-content/themes/modular-pro/images/worksm3.png" title="Planning" link="#"][/column_content]
[hr]
Section Fifth Our Services
For showing section Fifth Our Services on home page use below code
Get The Code
[services icon="life-ring" title="First Support" link="#"]Donec cursus, dolor eu varius malesuada, neque nisl rhoncus augue, scelerisque tincidunt purus dui ut magna. Vestibulum ante ipsum .luctus et ultrices posuere cubilia Curae.[/services][services icon="lightbulb-o" title="Business Center" link="#"]Donec cursus, dolor eu varius malesuada, neque nisl rhoncus augue, scelerisque tincidunt purus dui ut magna. Vestibulum ante ipsum .luctus et ultrices posuere cubilia Curae.[/services][services icon="pencil-square-o" title="Creative Design" link="#"]Donec cursus, dolor eu varius malesuada, neque nisl rhoncus augue, scelerisque tincidunt purus dui ut magna. Vestibulum ante ipsum .luctus et ultrices posuere cubilia Curae.[/services][services icon="home" title="Interior" link="#"]Donec cursus, dolor eu varius malesuada, neque nisl rhoncus augue, scelerisque tincidunt purus dui ut magna. Vestibulum ante ipsum .luctus et ultrices posuere cubilia Curae.[/services][services icon="object-group" title="Affordable" link="#"]Donec cursus, dolor eu varius malesuada, neque nisl rhoncus augue, scelerisque tincidunt purus dui ut magna. Vestibulum ante ipsum .luctus et ultrices posuere cubilia Curae.[/services][services icon="snowflake-o" title="Modern Equipment" link="#"]Donec cursus, dolor eu varius malesuada, neque nisl rhoncus augue, scelerisque tincidunt purus dui ut magna. Vestibulum ante ipsum .luctus et ultrices posuere cubilia Curae.[/services]
[hr]
Section Seventh New Arrivals
For showing section Seventh New Arrivals on home page use below code
Get The Code
[recent_products limit="8" columns="4"]
[hr]
Section Eighth Our Team
For showing section Eighth Our Team on home page use below code
Get The Code
[our-team show="4"]
[hr]
Section Nineth Latest Projects
For showing section Nineth Latest Projects on home page use below code
Get The Code
[projects showposts="4"]
[hr]
Section Tenth Latest News
[latest-news showposts="2" category="show" comment="show" date="show" author="show"]
Get The Code
[latest-news showposts="2" category="show" comment="show" date="show" author="show"]
[hr]
Section Eleventh Our Partners
[client_lists][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo1.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo2.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo3.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo4.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo5.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo6.jpg" link="#"][/client_lists]
Get The Code
[client_lists][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo1.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo2.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo3.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo4.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo5.jpg" link="#"][client image="http://live-demo.online/modular/wp-content/themes/modular-pro/images/logo6.jpg" link="#"][/client_lists]
[hr]
Counter Number And Text
For showing Counter Number and Text on about us page use below code
Get The Code
[section background_image="http://live-demo.online/modular/wp-content/uploads/2018/10/count-bg.jpg" animation_type="fadeIn"][counter title="Hours of Works" value="21350"][counter title="Projects Complete" value="128"][counter title="New Design" value="184"][counter title="Team Members" value="268"][clear][/section]
[hr]
Our Gallery
For showing Photo Gallery in Gallery page use below code
Get The Code
[photogallery show="9"]
[hr]
Portfolio
For showing Portfolio in Portfolio page use below code
Get The Code
[portfolios show="6"]
[hr]
Testimonials
For showing What Our Clients 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]
Google Map
For showing Google Map on home page use below iframe code
Get The Code
<iframe src="https://www.google.com/maps/embed?pb" width="100%" height="550" frameborder="0" style="border:0" allowfullscreen></iframe>
[hr]
[column_content type="one_half"]
Interior Skill
[skill title="Architecture" percent="90" bgcolor="#edcc1d"][skill title="Interior" percent="70" bgcolor="#edcc1d"][skill title="Happy Clients" percent="75" bgcolor="#edcc1d"][skill title="24/7 Support" percent="100" bgcolor="#edcc1d"][skill title="New Design" percent="90" bgcolor="#edcc1d"][skill title="Finished Project" percent="75" bgcolor="#edcc1d"]
Get The Code
[skill title="Architecture" percent="90" bgcolor="#edcc1d"][skill title="Interior" percent="70" bgcolor="#edcc1d"][skill title="Happy Clients" percent="75" bgcolor="#edcc1d"][skill title="24/7 Support" percent="100" bgcolor="#edcc1d"][skill title="New Design" percent="90" bgcolor="#edcc1d"][skill title="Finished Project" percent="75" bgcolor="#edcc1d"]
[/column_content][column_content type="one_half_last"]
Interior Works
[accordion][accordion_content title="Interior Expertise"]Accordion Content here...[/accordion_content][accordion_content title="Awards Winning"]Accordion Content here...[/accordion_content][accordion_content title="Free Consultation"]Accordion Content here...[/accordion_content][accordion_content title="Reasonable Price"]Accordion Content here...[/accordion_content][accordion_content title="Guaranteed Works"]Accordion Content here...[/accordion_content][accordion_content title="24 / 7 Support"]Accordion Content here...[/accordion_content][/accordion]
Get The Code Accordion Tab
[accordion][accordion_content title="Interior Expertise"]Accordion Content here...[/accordion_content][accordion_content title="Awards Winning"]Accordion Content here...[/accordion_content][accordion_content title="Free Consultation"]Accordion Content here...[/accordion_content][accordion_content title="Reasonable Price"]Accordion Content here...[/accordion_content][accordion_content title="Guaranteed Works"]Accordion Content here...[/accordion_content][accordion_content title="24 / 7 Support"]Accordion Content here...[/accordion_content][/accordion]
[/column_content][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"]Column 1 Content goes here...[/column_content][column_content type="one_half_last"]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"]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]
[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"]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]
[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"]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]
[hr]
[column_content type="one_half"]
Social Icon
[social_area][social bgcolor="#3b5998" icon="facebook" link="#"][social bgcolor="#1b95e0" icon="twitter" link="#"][social bgcolor="#d34836" icon="google-plus" link="#"][social bgcolor="#0077B5" icon="linkedin" link="#"][social bgcolor="#bd081b" 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]
Dropcap
[dropcap]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit.
Get The Code
[dropcap]L[/dropcap]
[/column_content][hr]
[column_content type="one_fifth"]
List Style 1
[unordered_list style="list-1"]
[/unordered_list]
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]
[/column_content][column_content type="one_fifth"]
List Style 2
[unordered_list style="list-2"]
[/unordered_list]
Get The Code
[unordered_list style="list-2"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][column_content type="one_fifth"]
List Style 3
[unordered_list style="list-3"]
[/unordered_list]
Get The Code
[unordered_list style="list-3"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][column_content type="one_fifth"]
List Style 4
[unordered_list style="list-4"]
[/unordered_list]
Get The Code
[unordered_list style="list-4"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][column_content type="one_fifth_last"]
List Style 5
[unordered_list style="list-5"]
[/unordered_list]
Get The Code
[unordered_list style="list-5"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][column_content type="one_fifth"]
List Style 6
[unordered_list style="list-6"]
[/unordered_list]
Get The Code
[unordered_list style="list-6"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][column_content type="one_fifth"]
List Style 7
[unordered_list style="list-7"]
[/unordered_list]
Get The Code
[unordered_list style="list-7"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][column_content type="one_fifth"]
List Style 8
[unordered_list style="list-8"]
[/unordered_list]
Get The Code
[unordered_list style="list-8"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][column_content type="one_fifth"]
List Style 9
[unordered_list style="list-9"]
[/unordered_list]
Get The Code
[unordered_list style="list-9"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][column_content type="one_fifth_last"]
List Style 10
[unordered_list style="list-10"]
[/unordered_list]
Get The Code
[unordered_list style="list-10"]<li>List style 1</li><li>List style 2</li><li>List style 3</li>[/unordered_list]
[/column_content][hr]
Blockquote
[blockquote align="left"]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. [/blockquote][blockquote align="right"]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.[/blockquote]
Get The Code
[blockquote align="left/right"] Your quote text... [/blockquote]
[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]
Default Button
[column_content type="one_third"]Button Style 1
Get The Code
<a href="#" class="button">Button Style 1</a>
[/column_content][column_content type="one_third"]Button Style 2
Get The Code
<a href="#" class="buttonstyle1">Button Style 2</a>
[/column_content][column_content type="one_third_last"]Button Style 3
Get The Code
<a href="#" class="ReadMore">Button Style 3</a>
[/column_content]