Basic Elements

Commercial content | New Customers Only | 18+

Buttons

Theme colors

[button url=”#” text=”Text color” size=”small” color=”text” outlined=”0″ icon=”star”]
[button url=”#” text=”Primary color” size=”small” color=”primary” outlined=”0″ icon=””]
[button url=”#” text=”Secondary color” size=”small” color=”secondary” outlined=”0″ icon=”cog”]
[button url=”#” text=”Faded color” size=”small” color=”faded” outlined=”0″ icon=””]

[button url=”#” text=”Text color” size=”” color=”text” outlined=”1″ icon=”check”]
[button url=”#” text=”Primary color” size=”” color=”primary” outlined=”1″ icon=””]
[button url=”#” text=”Secondary color” size=”” color=”secondary” outlined=”1″ icon=”cloud-download”]
[button url=”#” text=”Faded color” size=”” color=”faded” outlined=”1″ icon=””]

[button url=”#” text=”Text color” size=”big” color=”text” outlined=”0″ icon=”bolt”]
[button url=”#” text=”Primary color” size=”big” color=”primary” outlined=”0″ icon=””]
[button url=”#” text=”Secondary color” size=”big” color=”secondary” outlined=”0″ icon=”eye”]
[button url=”#” text=”Faded color” size=”big” color=”faded” outlined=”0″ icon=””]

[button url=”#” text=”Text color” size=”big” color=”text” outlined=”1″ icon=”star-o”]
[button url=”#” text=”Primary color” size=”big” color=”primary” outlined=”1″ icon=””]
[button url=”#” text=”Secondary color” size=”big” color=”secondary” outlined=”1″ icon=”edit”]
[button url=”#” text=”Faded color” size=”big” color=”faded” outlined=”1″ icon=””]

[button url=”#” text=”Small Transparent” size=”small” color=”transparent” outlined=”1″ icon=”heart-o”]
[button url=”#” text=”Medium Transparent” size=”” color=”transparent” outlined=”1″ icon=”user”]
[button url=”#” text=”Big Transparent” size=”big” color=”transparent” outlined=”1″ icon=”arrow-right”]

Predefined colors

[button url=”#” text=”red” size=”” color=”red” outlined=”0″ icon=”star” external=”0″]
[button url=”#” text=”blue” size=”” color=”blue” outlined=”0″ icon=”cloud” external=”0″]
[button url=”#” text=”green” size=”” color=”green” outlined=”0″ icon=”leaf” external=”0″]
[button url=”#” text=”yellow” size=”” color=”yellow” outlined=”0″ icon=”sun-o” external=”0″]
[button url=”#” text=”purple” size=”” color=”purple” outlined=”0″ icon=”music” external=”0″]
[button url=”#” text=”pink” size=”” color=”pink” outlined=”0″ icon=”heart” external=”0″]
[button url=”#” text=”navy” size=”” color=”navy” outlined=”0″ icon=”anchor” external=”0″]
[button url=”#” text=”brown” size=”” color=”brown” outlined=”0″ icon=”coffee” external=”0″]
[button url=”#” text=”midnight” size=”” color=”midnight” outlined=”0″ icon=”umbrella” external=”0″]
[button url=”#” text=”teal” size=”” color=”teal” outlined=”0″ icon=”globe” external=”0″]
[button url=”#” text=”cream” size=”” color=”cream” outlined=”0″ icon=”gift” external=”0″]
[button url=”#” text=”lime” size=”” color=”lime” outlined=”0″ icon=”asterisk” external=”0″]

[button url=”#” text=”red” size=”” color=”red” outlined=”1″ icon=”star” external=”0″]
[button url=”#” text=”blue” size=”” color=”blue” outlined=”1″ icon=”cloud” external=”0″]
[button url=”#” text=”green” size=”” color=”green” outlined=”1″ icon=”leaf” external=”0″]
[button url=”#” text=”yellow” size=”” color=”yellow” outlined=”1″ icon=”sun-o” external=”0″]
[button url=”#” text=”purple” size=”” color=”purple” outlined=”1″ icon=”music” external=”0″]
[button url=”#” text=”pink” size=”” color=”pink” outlined=”1″ icon=”heart” external=”0″]
[button url=”#” text=”navy” size=”” color=”navy” outlined=”1″ icon=”anchor” external=”0″]
[button url=”#” text=”brown” size=”” color=”brown” outlined=”1″ icon=”coffee” external=”0″]
[button url=”#” text=”midnight” size=”” color=”midnight” outlined=”1″ icon=”umbrella” external=”0″]
[button url=”#” text=”teal” size=”” color=”teal” outlined=”1″ icon=”globe” external=”0″]
[button url=”#” text=”cream” size=”” color=”cream” outlined=”1″ icon=”gift” external=”0″]
[button url=”#” text=”lime” size=”” color=”lime” outlined=”1″ icon=”asterisk” external=”0″]

[separator type=”invisible” size=”huge” icon=””]

Accordion & Toggles

[separator type=”invisible” size=”medium” icon=””]

[cols]
[one_half]

[accordion]
[item title=”This is Accordion” icon=”” open=”0″ bg_color=”” text_color=””]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.
[/item]
[item title=”Title With Icon” icon=”star” open=”0″ bg_color=”” text_color=””]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.
[/item]
[item title=”Another Section Title” icon=”” open=”0″ bg_color=”” text_color=””]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/item]
[/accordion]

[/one_half]
[one_half]

[toggle]
[item title=”This is Toggle” icon=”” open=”1″ bg_color=”” text_color=””]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.
[/item]
[item title=”Title With Icon” icon=”star” open=”0″ bg_color=”” text_color=””]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.
[/item]
[item title=”Another Section Title” icon=”” open=”0″ bg_color=”” text_color=””]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/item]
[/toggle]

[/one_half]
[/cols]

[separator type=”invisible” size=”medium” icon=””]

[toggle]
[item title=”Toggle with Custom Colors” icon=”” open=”0″ bg_color=”#008b83″ text_color=”#fff”]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.
[/item]
[item title=”Toggle with Custom Colors” icon=”” open=”0″ bg_color=”#fac000″ text_color=”#333″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.
[/item]
[item title=”Toggle with Custom Colors” icon=”” open=”0″ bg_color=”#8560a8″ text_color=”#fff”]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/item]
[/toggle]

[separator type=”invisible” size=”huge” icon=””]

Tabs

[separator type=”invisible” size=”medium” icon=””]

[tabs]
[item title=”This is a Title” icon=”” open=”0″ bg_color=”” text_color=””]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.
[/item]
[item title=”Title With Icon” icon=”star” open=”0″ bg_color=”” text_color=””]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/item]
[item title=”Another Title” icon=”” open=”0″ bg_color=”” text_color=””]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/item]
[/tabs]

[separator type=”invisible” size=”medium” icon=””]

[tabs]
[item title=”This is a Title” icon=”” open=”0″ bg_color=”#e53d2e” text_color=”#fff”]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.
[/item]
[item title=”Title With Icon” icon=”star” open=”0″ bg_color=”#5ac8ed” text_color=”#fff”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/item]
[item title=”Another Title” icon=”” open=”0″ bg_color=”#59ba41″ text_color=”#fff”]
Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla suctus.
[/item]
[/tabs]

[separator type=”invisible” size=”huge” icon=””]

Counters

[separator type=”invisible” size=”medium” icon=””]

[cols]
[one_third] [counter count=”2014″ color=”default” size=”small” title=”Small Text color” prefix=”” suffix=””][/one_third]
[one_third] [counter count=”7777″ color=”primary” size=”small” title=”Small Primary color” prefix=”” suffix=””][/one_third]
[one_third] [counter count=”10000″ color=”secondary” size=”small” title=”Small Secondary color” prefix=”” suffix=”+”][/one_third]
[/cols]

[separator type=”invisible” size=”medium” icon=””]

[cols]
[one_third] [counter count=”100″ color=”default” size=”medium” title=”Medium Text color” prefix=”” suffix=”%”][/one_third]
[one_third] [counter count=”350″ color=”primary” size=”medium” title=”Any text goes here” prefix=”>” suffix=””][/one_third]
[one_third] [counter count=”876″ color=”secondary” size=”medium” title=”Medium Secondary color” prefix=”” suffix=””][/one_third]
[/cols]

[separator type=”invisible” size=”medium” icon=””]

[cols]
[one_third] [counter count=”99″ color=”default” size=”big” title=”Big Text color” prefix=”$” suffix=””][/one_third]
[one_third] [counter count=”68″ color=”primary” size=”big” title=”Big Primary color” prefix=”” suffix=”%”][/one_third]
[one_third] [counter count=”245″ color=”secondary” size=”big” title=”Big Secondary color” prefix=”” suffix=””][/one_third]
[/cols]

[separator type=”invisible” size=”huge” icon=””]

Social Links

[separator type=”invisible” size=”medium” icon=””]

[social_links size=”small” align=”center” email=”#” facebook=”#” twitter=”#” google=”#” linkedin=”#” youtube=”#” vimeo=”#” flickr=”#” instagram=”#” pinterest=”#” skype=”#” tumblr=”#” dribbble=”#” vk=”#” rss=”#”]

[social_links size=”normal” align=”center” email=”#” facebook=”#” twitter=”#” google=”#” linkedin=”#” youtube=”#” vimeo=”#” flickr=”#” instagram=”#” pinterest=”#” skype=”#” tumblr=”#” dribbble=”#” vk=”#” rss=”#”]

[social_links size=”big” align=”center” email=”#” facebook=”#” twitter=”#” google=”#” linkedin=”#” youtube=”#” vimeo=”#” flickr=”#” instagram=”#” pinterest=”#” skype=”#” tumblr=”#” dribbble=”#” vk=”#” rss=”#”]

[separator type=”invisible” size=”huge” icon=””]

Pricing Table

[separator type=”invisible” size=”medium” icon=””]

[pricing_table]
[pricing_column title=”Light” type=”” price=”$5″ time=”per month”]
[pricing_row]Feature 1[/pricing_row]
[pricing_row]Feature 2[/pricing_row]
[pricing_row]Feature 3[/pricing_row]
[pricing_row]Feature 4[/pricing_row]
[pricing_footer url=”#” color=”text” outlined=”1″]Signup[/pricing_footer]
[/pricing_column]

[pricing_column title=”Standard” type=”” price=”$29″ time=”per month”]
[pricing_row]Feature 1[/pricing_row]
[pricing_row]Feature 2[/pricing_row]
[pricing_row]Feature 3[/pricing_row]
[pricing_row]Feature 4[/pricing_row]
[pricing_footer url=”#” color=”text” outlined=”1″]Signup[/pricing_footer]
[/pricing_column]

[pricing_column title=”Business” type=”featured” price=”$49″ time=”per month”]
[pricing_row]Feature 1[/pricing_row]
[pricing_row]Feature 2[/pricing_row]
[pricing_row]Feature 3[/pricing_row]
[pricing_row]Feature 4[/pricing_row]
[pricing_footer url=”#” color=”primary” outlined=”1″]Signup[/pricing_footer]
[/pricing_column]

[pricing_column title=”Professional” type=”” price=”$129″ time=”per month”]
[pricing_row]Feature 1[/pricing_row]
[pricing_row]Feature 2[/pricing_row]
[pricing_row]Feature 3[/pricing_row]
[pricing_row]Feature 4[/pricing_row]
[pricing_footer url=”#” color=”text” outlined=”1″]Signup[/pricing_footer]
[/pricing_column]

[/pricing_table]

[separator type=”invisible” size=”huge” icon=””]

ActionBoxes

[separator type=”invisible” size=”medium” icon=””]

[actionbox color=”primary” title=”This is ActionBox with Primary color” description=”Some description goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.” btn_label=”Purchase Theme Now!” btn_link=”#” btn_color=”white” btn_size=”” btn_icon=”usd” btn_external=”0″]

[separator type=”invisible” size=”medium” icon=””]

[actionbox color=”secondary” title=”This is ActionBox with Secondary color” description=”” btn_label=”Click Me!” btn_link=”#” btn_color=”white” btn_size=”big” btn_icon=”arrow-right” btn_external=”0″]

[separator type=”invisible” size=”huge” icon=””]

Single Icons

[separator type=”invisible” size=”medium” icon=””]

[icon icon=”star” color=”text” size=”tiny” outline=”0″ link=””]
[icon icon=”star” color=”primary” size=”small” outline=”0″ link=””]
[icon icon=”star” color=”secondary” size=”medium” outline=”0″ link=””]
[icon icon=”star” color=”fade” size=”big” outline=”0″ link=””]
[icon icon=”star” color=”text” size=”huge” outline=”0″ link=””]
[icon icon=”star” color=”text” size=”tiny” outline=”circle” link=””]
[icon icon=”star” color=”primary” size=”small” outline=”circle” link=””]
[icon icon=”star” color=”secondary” size=”medium” outline=”circle” link=””]
[icon icon=”star” color=”fade” size=”big” outline=”circle” link=””]
[icon icon=”star” color=”text” size=”huge” outline=”circle” link=””]
[icon icon=”star” color=”text” size=”tiny” outline=”square” link=””]
[icon icon=”star” color=”primary” size=”small” outline=”square” link=””]
[icon icon=”star” color=”secondary” size=”medium” outline=”square” link=””]
[icon icon=”star” color=”fade” size=”big” outline=”square” link=””]
[icon icon=”star” color=”text” size=”huge” outline=”square” link=””]

[separator type=”invisible” size=”huge” icon=””]

Testimonials

[separator type=”invisible” size=”medium” icon=””]

[cols]
[one_third]
[testimonial author=”David Smith” img=”https://match-bonus-code.co.uk/wp-content/uploads/2014/04/grata_placeholder4-150×150.gif” description=”Buyer of our products”]Your template design has been one of the easiest WordPress template integration projects for me to date. Thank your such a well designed theme and terrific support![/testimonial]
[/one_third]
[one_third]
[testimonial author=”Anna Black” img=”https://match-bonus-code.co.uk/wp-content/uploads/2014/04/grata_placeholder4-150×150.gif” description=”Buyer of our products”]Brilliant! Thank yo so much! You’ve been most helpful, and I am very happy with the theme and your service! Thank you again! (for sure, I’ll recommend you further)[/testimonial]
[/one_third]
[one_third]
[testimonial author=”John Smith” img=”https://match-bonus-code.co.uk/wp-content/uploads/2014/04/grata_placeholder4-150×150.gif” description=”Buyer of our products”]Your template design has been one of the easiest WordPress template integration projects for me to date. Thank your such a well designed theme and terrific support![/testimonial]
[/one_third]
[/cols]

[separator type=”invisible” size=”huge” icon=””]

Message Boxes

[separator type=”invisible” size=”medium” icon=””]

[cols]
[one_half]

[message_box type=”info”]Info message. Your text goes here.[/message_box]
[message_box type=”attention”]Attention message. Your text goes here.[/message_box]

[/one_half]
[one_half]

[message_box type=”success”]Success message. Your text goes here.[/message_box]
[message_box type=”error”]Error message. Your text goes here.[/message_box]

[/one_half]
[/cols]