shortcodes
[ss_gap height=”5″]
[ss_separator]
alerts
alerts without icon
[ss_gap height=”15″] [ss_alert type=”warning”]warning message![/ss_alert] [ss_alert type=”error”]error message![/ss_alert] [ss_alert type=”success”]success message![/ss_alert] [ss_alert type=”info”]info message![/ss_alert] [ss_alert type=”notification”]notification message![/ss_alert]
[ss_gap height=”15″]
alrets with icon
[ss_gap height=”15″] [ss_alert type=”warning” icon=”icon-warning”]warning message![/ss_alert] [ss_alert type=”error” icon=”icon-close4″]error message![/ss_alert] [ss_alert type=”success” icon=”icon-checkbox-checked”]success message![/ss_alert] [ss_alert type=”info” icon=”icon-info”]info message![/ss_alert] [ss_alert type=”notification” icon=”icon-notification”]notification message![/ss_alert]
[ss_gap height=”30″]
accordion and toggle
accordion mode
[ss_accordions]
[ss_accordion title=”Can I offer my items for free on a promotional basis?” icon=”icon-question5″ ] 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.
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.[/ss_accordion]
[ss_accordion title=”How can I get support for an item which isn’t working correctly?” icon=”icon-question5″] 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
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, [/ss_accordion]
[ss_accordion title=”How much money can I make?” icon=”icon-question5″ ] sint occaecat cupidatat non proident, sunt in anim id est laborum. Allamco laboris nisi ut aliquip ex ea commodo consequat. Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum. [/ss_accordion]
[/ss_accordions]
[ss_gap height=”30″]
toggle
[ss_toggle title=”Can I offer my items for free on a promotional basis?” icon=”icon-diamond” ] 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.
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. [/ss_toggle]
[ss_toggle title=”How does it Possible?” icon=”icon-flower” ] 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.
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.
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. [/ss_toggle]
[ss_toggle title=”How long does it take?” icon=”icon-gift2″] 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.
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. [/ss_toggle]
[ss_gap height=”30″]
buttons
small buttons
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”default” border=”yes” icon=”” ]
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”black” border=”yes” icon=”” ]
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”red” border=”yes” icon=”” ]
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”green” border=”yes” icon=”” ]
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”blue” border=”yes” icon=”” ]
[ss_gap height=”15″]
small button with iccon
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”default” border=”no” icon=”icon-star3″ ]
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”black” border=”no” icon=”icon-star3″ ]
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”red” border=”no” icon=”icon-star3″ ]
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”green” border=”no” icon=”icon-star3″ ]
[ss_button title=”SMALL BUTTON” link=”#” size=”small” color=”blue” border=”no” icon=”icon-star3″ ]
[ss_gap height=”15″]
medium buttons
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”default” border=”no” icon=”” ]
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”black” border=”no” icon=”” ]
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”red” border=”no” icon=”” ]
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”green” border=”no” icon=”” ]
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”blue” border=”no” icon=”” ]
[ss_gap height=”15″]
medium buttons with icon
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”default” border=”no” icon=”icon-star3″ ]
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”black” border=”no” icon=”icon-star3″ ]
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”red” border=”no” icon=”icon-star3″ ]
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”green” border=”no” icon=”icon-star3″ ]
[ss_button title=”MEDIUM BUTTON” link=”#” size=”medium” color=”blue” border=”no” icon=”icon-star3″ ]
[ss_gap height=”15″]
large buttons
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”default” border=”no” icon=”” ]
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”black” border=”no” icon=”” ]
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”red” border=”no” icon=”” ]
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”green” border=”no” icon=”” ]
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”blue” border=”no” icon=”” ]
[ss_gap height=”15″]
large buttons with icon
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”default” border=”no” icon=”icon-star3″ ]
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”black” border=”no” icon=”icon-star3″ ]
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”red” border=”no” icon=”icon-star3″ ]
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”green” border=”no” icon=”icon-star3″ ]
[ss_button title=”LARGE BUTTON” link=”#” size=”large” color=”blue” border=”no” icon=”icon-star3″ ]
[ss_gap height=”30″]
tabs
tab style 1
[ss_tabs type=”1″ ]
[ss_tab title=”tab item 1″]
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo.
Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
[/ss_tab]
[ss_tab title=”tab item 2″]
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor.
Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
[/ss_tab]
[ss_tab title=”tab item 3″]
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.
[/ss_tab]
[/ss_tabs]
[ss_gap height=”15″]
tab style 2
[ss_tabs type=”2″ ]
[ss_tab title=”tab item 1″ icon=”icon-home6″]
Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo.
Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.
[/ss_tab]
[ss_tab title=”tab item 2″ icon=”icon-heart-broken2″]
Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor.
Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.
[/ss_tab]
[ss_tab title=”tab item 3″ icon=”icon-heart-link5″]
Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.
Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.
[/ss_tab]
[/ss_tabs]
[ss_gap height=”30″]
retina icons
small icon link
[ss_icon_link name=”icon-facebook” link=”#” size=”small” type=”1″]
[ss_icon_link name=”icon-twitter” link=”#” size=”small” type=”1″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”small” type=”1″]
[ss_icon_link name=”icon-facebook” link=”#” size=”small” type=”2″]
[ss_icon_link name=”icon-twitter” link=”#” size=”small” type=”2″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”small” type=”2″]
[ss_icon_link name=”icon-facebook” link=”#” size=”small” type=”3″]
[ss_icon_link name=”icon-twitter” link=”#” size=”small” type=”3″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”small” type=”3″]
[ss_gap height=”15″]
medium icon link
[ss_icon_link name=”icon-facebook” link=”#” size=”medium” type=”1″]
[ss_icon_link name=”icon-twitter” link=”#” size=”medium” type=”1″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”medium” type=”1″]
[ss_icon_link name=”icon-facebook” link=”#” size=”medium” type=”2″]
[ss_icon_link name=”icon-twitter” link=”#” size=”medium” type=”2″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”medium” type=”2″]
[ss_icon_link name=”icon-facebook” link=”#” size=”medium” type=”3″]
[ss_icon_link name=”icon-twitter” link=”#” size=”medium” type=”3″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”medium” type=”3″]
[ss_gap height=”15″]
large icon link
[ss_icon_link name=”icon-facebook” link=”#” size=”large” type=”1″]
[ss_icon_link name=”icon-twitter” link=”#” size=”large” type=”1″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”large” type=”1″]
[ss_icon_link name=”icon-facebook” link=”#” size=”large” type=”2″]
[ss_icon_link name=”icon-twitter” link=”#” size=”large” type=”2″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”large” type=”2″]
[ss_icon_link name=”icon-facebook” link=”#” size=”large” type=”3″]
[ss_icon_link name=”icon-twitter” link=”#” size=”large” type=”3″]
[ss_icon_link name=”icon-vimeo” link=”#” size=”large” type=”3″]
[ss_gap height=”30″]
columns
[one_one]
full columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla porttitor accumsan tincidunt.
[/one_one]
[ss_gap height=”30″]
[one_half]
1/2 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
[/one_half]
[one_half last=”yes”]
1/2 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
[/one_half]
[ss_gap height=”30″]
[one_third]
1/3 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque
[/one_third]
[one_third]
1/3 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque
[/one_third]
[one_third last=”yes”]
1/3 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque
[/one_third]
[ss_gap height=”30″]
[one_fourth]
1/4 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
[/one_fourth]
[one_fourth]
1/4 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
[/one_fourth]
[one_fourth]
1/4 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
[/one_fourth]
[one_fourth last=”yes”]
1/4 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
[/one_fourth]
[ss_gap height=”30″]
[two_third]
1/3 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Proin eget tortor risus.
[/two_third]
[one_third last=”yes”]
2/3 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque
[/one_third]
[ss_gap height=”30″]
[three_fourth]
3/4 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.Vivamus suscipit tortor eget felis porttitor volutpat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada. Quisque velit nisi, pretium ut lacinia in, elementum id enim.Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[/three_fourth]
[one_fourth last=”yes”]
1/4 columns
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque.
[/one_fourth]