2 Column Content
[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 Content
[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
[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
[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]
Tabs
- TAB TITLE 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porttitor lacus ac tristique ornare. Duis vitae facilisis felis, id egestas velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada risus nisl, at aliquam est convallis id. Duis viverra vehicula libero at consectetur. Phasellus vel aliquam est. Nulla ornare rutrum lacus, vel vulputate mi dapibus et. Integer mattis ullamcorper risus non rutrum.
- TAB TITLE 2
Cras arcu urna, fermentum tempor porttitor sollicitudin, semper eget felis. Suspendisse ut justo eget tortor porta luctus vel vitae nibh. Nullam nulla leo, luctus quis gravida a, suscipit a orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec vel dolor vestibulum, sollicitudin ante eu, sollicitudin elit. Donec tristique odio et gravida consequat. Suspendisse suscipit quis felis quis posuere.
- TAB TITLE 3
Curabitur vitae condimentum massa, in vehicula enim. Quisque tincidunt sem at lectus suscipit, id iaculis urna gravida. Aliquam vel arcu in nulla sagittis feugiat ac eget velit. Sed et ipsum ut ex vulputate scelerisque nec ac diam. Morbi pharetra eget turpis et lacinia. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc viverra tempor enim, quis egestas dolor tristique a. Etiam non volutpat felis.
[tabs][tab title="TAB TITLE 1"]Tab Content goes here...[/tab][tab title="TAB TITLE 2"]Tab Content goes here...[/tab][tab title="TAB TITLE 3"]Tab Content goes here...[/tab][/tabs]
Social Icons
( Note: More social icons can be found at: http://fortawesome.github.io/Font-Awesome/icons/)
[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]
Accordion Tab
ACCORDION TITLE 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porttitor lacus ac tristique ornare. Duis vitae facilisis felis, id egestas velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada risus nisl, at aliquam est convallis id. Duis viverra vehicula libero at consectetur. Phasellus vel aliquam est. Nulla ornare rutrum lacus, vel vulputate mi dapibus et. Integer mattis ullamcorper risus non rutrum.
ACCORDION TITLE 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porttitor lacus ac tristique ornare. Duis vitae facilisis felis, id egestas velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada risus nisl, at aliquam est convallis id. Duis viverra vehicula libero at consectetur. Phasellus vel aliquam est. Nulla ornare rutrum lacus, vel vulputate mi dapibus et. Integer mattis ullamcorper risus non rutrum.
ACCORDION TITLE 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porttitor lacus ac tristique ornare. Duis vitae facilisis felis, id egestas velit. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec malesuada risus nisl, at aliquam est convallis id. Duis viverra vehicula libero at consectetur. Phasellus vel aliquam est. Nulla ornare rutrum lacus, vel vulputate mi dapibus et. Integer mattis ullamcorper risus non rutrum.
[accordion][accordion_content title="ACCORDION TITLE 1"]Accordion Content goes here...[/accordion_content][accordion_content title="ACCORDION TITLE 2"]Accordion Content goes here...[/accordion_content][accordion_content title="ACCORDION TITLE 3"]Accordion Content goes here...[/accordion_content][/accordion]
Our Skills
[skill title="Coding" percent="90" bgcolor="#fbba00"][skill title="Design" percent="70" bgcolor="#fbba00"][skill title="Building" percent="55" bgcolor="#fbba00"][skill title="SEO" percent="100" bgcolor="#fbba00"]
Counter Number And Text
80
%20
%50
%75
%100
%[counter value="80" percent="yes" title="Projects"][counter value="20" percent="yes" title="New Projects"][counter value="50" percent="yes" title="Confirmation"][counter value="75" percent="yes" title="Labor Work"][counter value="100" percent="yes" title="Support" last="yes"]
Search Form
[searchform]
Gradient Button – Small
Small Gradient Button
[gradient_button size="small" bg_color="#e00" color="#fff" text="Small Gradient Button" title="Small Gradient Button" url="" position="left"]
Gradient Button – Medium
Medium Gradient Button
[gradient_button size="medium" bg_color="#060" color="#fff" text="Medium Gradient Button" title="Medium Gradient Button" url="" position="left"]
Gradient Button – Large
Large Gradient Button
[gradient_button size="large" bg_color="#026" color="#fff" text="Large Gradient Button" title="Large Gradient Button" url="" position="left"]
Gradient Button – Xtra Large
Extra Large Simple Button
[gradient_button size="x-large" bg_color="#00ccff" color="#fff" text="Extra Large Simple Button" title="Extra Large Simple Button" url="" position="left"]
Simple Button – Small
Small Simple Button
[simple_button size="small" bg_color="#c00" color="#fff" text="Small Simple Button" title="Small Simple Button" url="#" position="left"]
Simple Button – Medium
Medium Simple Button
[simple_button size="medium" bg_color="#060" color="#fff" text="Medium Simple Button" title="Medium Simple Button" url="" position="left"]
Simple Button – Large
Large Simple Button
[simple_button size="large" bg_color="#026" color="#fff" text="Large Simple Button" title="Large Simple Button" url="" position="left"]
Simple Button – Xtra Large
Extra Large Simple Button
[simple_button size="x-large" bg_color="#00ccff" color="#fff" text="Extra Large Simple Button" title="Extra Large Simple Button" url="" position="left"]
Round Button – Light
Round Button
[round_button style="light" text="Round Button" title="Round Button" url="" position="left"]
Round Button – Dark
Round Button
[round_button style="dark" text="Round Button" title="Round Button" url="" position="left"]
Message Box – Success
[message type="success"]This is a sample of the 'success' style message box shortcode. To use this style use the following shortcode[/message]
Message Box – Error
[message type="error"]This is a sample of the 'error' style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – Warning
[message type="warning"]This is a sample of the 'warning' style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – Info
[message type="info"]This is a sample of the 'info' style message box shortcode. To use this style use the following shortcode.[/message]
Message Box – About
[message type="about"]This is a sample of the 'about' style message box shortcode. To use this style use the following shortcode.[/message]
List Styles
- List style 1
- List style 2
- List style 3
[unordered_list style="list-1"] <li>List style 1</li> <li>List style 2</li> <li>List style 3</li> [/unordered_list]
You can use above shortcode OR simply add class to ul. You can choose from list-1 to list-10 styles.
- List style 1
- List style 2
- List style 3
Blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl. Morbi quis vulputate mi. Nunc posuere feugiat libero eget varius. Sed at aliquam ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl. Morbi quis vulputate mi. Nunc posuere feugiat libero eget varius. Sed at aliquam ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[blockquote align="left/right"] Your quote text... [/blockquote]
Dropcap
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at malesuada erat. Nulla id accumsan nisl. Morbi quis vulputate mi. Nunc posuere feugiat libero eget varius. Sed at aliquam ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[dropcap]L[/dropcap]
