Shortcodes

[infobox bg=“orangelight“ color=“black“ opacity=“on“ subtitle=“Set the background color,  text color and box opacity“]Info box shortcode with title & sub title[/infobox] [separator type=“space“] [title subtitle=“Two columns with the same width“]Columns Half[/title] [columns_row width=“half“] [column] Nulla facilisi. Sed eget diam tellus. Curabitur feugiat laoreet erat, eget facilisis neque hendrerit sit amet. Aenean mollis adipiscing gravida. Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem. Mauris imperdiet viverra elit et venenatis. In nec feugiat ante.
[/column] [column] Nulla facilisi. Sed eget diam tellus. Curabitur feugiat laoreet erat, eget facilisis neque hendrerit sit amet. Aenean mollis adipiscing gravida. Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem. Mauris imperdiet viverra elit et venenatis. In nec feugiat ante.
[/column] [/columns_row] [separator type=“space“] [title subtitle=“Three columns with the same width“]Columns Third[/title] [columns_row width=“third“] [column] Nulla facilisi. Sed eget diam tellus. Curabitur feugiat laoreet erat, eget facilisis neque hendrerit sit amet. Aenean mollis adipiscing gravida. Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [column] Nulla facilisi. Sed eget diam tellus. Curabitur feugiat laoreet erat, eget facilisis neque hendrerit sit amet. Aenean mollis adipiscing gravida. Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [column] Nulla facilisi. Sed eget diam tellus. Curabitur feugiat laoreet erat, eget facilisis neque hendrerit sit amet. Aenean mollis adipiscing gravida. Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [/columns_row] [separator type=“space“] [title subtitle=“Four columns with the same width“]Columns Fourth[/title] [columns_row width=“fourth“] [column] Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [column] Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [column] Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [column] Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [/columns_row] [separator type=“space“] [title subtitle=““]Third & Two Thirds[/title] [columns_row width=“third-and-two-thirds“] [column] Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec.
[/column] [column] Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [/columns_row] [separator type=“space“] [title subtitle=““]Two Thirds & Third[/title] [columns_row width=“two-thirds-and-third“] [column] Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec nunc congue pulvinar sed in lorem.
[/column] [column] Fusce a libero at turpis ornare dapibus ut ac turpis. Etiam ut urna ac dolor auctor laoreet et non erat. Pellentesque dictum elit non urna rhoncus congue. Fusce imperdiet velit nec.
[/column] [/columns_row] [separator type=“space“] [title subtitle=“Pick a background color and text color“]Colorful Buttons[/title]

[button color=“redlight“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“red“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“yellowlight“ text=“black“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“yellow“ text=“black“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“greenlight“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“green“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“turquoise“ text=“black“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“bluelight“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button]

[button color=“blue“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“purplelight“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“purple“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“brownlight“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“brown“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“gray“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“darkgray“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [button color=“black“ text=“white“ url=“http://yoursite.com/page“ window=“_self“]Button Text[/button] [separator type=“space“]

Separators

[separator type=“thin“] [separator type=“thick“] [separator type=“double“] [separator type=“space“] [infobox bg=“blue“ color=“white“ opacity=“off“ subtitle=“Use this shortcode to create faq sections or something else you find usefull“]Lightweight accordions and toggles[/infobox] [accordion] [item title=“Praesent massa purus dapibus sed „]Mauris imperdiet viverra elit et venenatis. In nec feugiat ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec venenatis suscipit mauris vitae pulvinar. Ut euismod massa at ipsum consequat viverra. Praesent massa purus, dapibus sed rhoncus et, iaculis nec nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque at nibh at augue volutpat convallis nec non sapien. Etiam tempus lobortis arcu, non semper massa placerat sit amet.[/item] [item title=“Nullam sed velit libero non ornare“]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam semper eros vitae tellus iaculis a posuere odio scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec egestas velit sit amet urna scelerisque pharetra. Quisque ac quam vitae velit vestibulum tempus et sit amet libero. Nam cursus mollis vehicula. Fusce convallis dignissim elit at hendrerit. Nullam sed velit libero, non ornare neque. Fusce ac enim vitae augue imperdiet pretium in ac sem. [/item] [item title=“Cum sociis natoque penatibus et magnis“]Fusce vel vehicula odio. Mauris suscipit, enim tincidunt mollis cursus, metus enim fermentum libero, eget dictum tellus felis a purus. Nullam eleifend aliquet suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean consectetur commodo neque, sollicitudin molestie enim vestibulum vitae. Nullam ac interdum justo. Vivamus hendrerit mattis semper.[/item] [/accordion] [separator type=“space“] [infobox bg=“red“ color=“white“ opacity=“off“ subtitle=““]Tabs Vertical Layout[/infobox] [tabgroup layout=“vertical“] [tab title=“Aliquam“]Duis facilisis euismod tellus, nec viverra dolor laoreet eget. Nam ac mi sit amet nunc consequat tristique. Curabitur ultricies tincidunt hendrerit. Aliquam sit amet est sit amet erat placerat facilisis. Vivamus non nulla sed turpis pulvinar tempor id et magna. Sed scelerisque varius ullamcorper. In ornare placerat elit pharetra tincidunt. Sed mollis dolor ac libero luctus eget dapibus sapien sollicitudin. Nullam placerat convallis est, eu iaculis augue convallis sodales. Donec id sapien eu lectus pellentesque facilisis. Aliquam quis diam ligula. Cras ac enim tellus, at dignissim felis. Phasellus aliquam iaculis velit sed faucibus. Nulla eleifend porta velit sit amet sagittis.[/tab] [tab title=“ Sedlobortis“]Mauris viverra nunc congue augue euismod suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam erat orci, blandit eget ornare nec, placerat id nulla. Donec volutpat consequat risus, pretium congue felis vulputate eget. Proin sit amet mi in tortor molestie ultricies. Sed lobortis, sapien eget consequat malesuada, turpis odio laoreet elit, ac tristique sapien lectus bibendum augue.[/tab] [tab title=“ Curabitur“]Ut eget enim lacinia urna porta blandit. Aenean id purus vel lacus tincidunt commodo. Curabitur ut justo eu orci mollis semper. Donec a mi ac tortor lobortis sodales quis in neque. Curabitur quis libero orci. Vestibulum condimentum ante ac nisi pulvinar eget rutrum elit consectetur. Curabitur erat urna, sagittis eget rutrum non, sollicitudin et dui. Mauris eget viverra ligula. Nunc fermentum nibh nec risus commodo et adipiscing dui consequat.[/tab] [/tabgroup] [separator type=“space“] [infobox bg=“brownlight“ color=“black“ opacity=“on“ subtitle=““]Tabs Horizontal Layout[/infobox] [tabgroup layout=“horizontal“] [tab title=“Aliquam“]Duis facilisis euismod tellus, nec viverra dolor laoreet eget. Nam ac mi sit amet nunc consequat tristique. Curabitur ultricies tincidunt hendrerit. Aliquam sit amet est sit amet erat placerat facilisis. Vivamus non nulla sed turpis pulvinar tempor id et magna. Sed scelerisque varius ullamcorper. In ornare placerat elit pharetra tincidunt. Sed mollis dolor ac libero luctus eget dapibus sapien sollicitudin. Nullam placerat convallis est, eu iaculis augue convallis sodales. Donec id sapien eu lectus pellentesque facilisis. Aliquam quis diam ligula. Cras ac enim tellus, at dignissim felis. Phasellus aliquam iaculis velit sed faucibus. Nulla eleifend porta velit sit amet sagittis.[/tab] [tab title=“ Sedlobortis“]Mauris viverra nunc congue augue euismod suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam erat orci, blandit eget ornare nec, placerat id nulla. Donec volutpat consequat risus, pretium congue felis vulputate eget. Proin sit amet mi in tortor molestie ultricies. Sed lobortis, sapien eget consequat malesuada, turpis odio laoreet elit, ac tristique sapien lectus bibendum augue.[/tab] [tab title=“ Curabitur“]Ut eget enim lacinia urna porta blandit. Aenean id purus vel lacus tincidunt commodo. Curabitur ut justo eu orci mollis semper. Donec a mi ac tortor lobortis sodales quis in neque. Curabitur quis libero orci. Vestibulum condimentum ante ac nisi pulvinar eget rutrum elit consectetur. Curabitur erat urna, sagittis eget rutrum non, sollicitudin et dui. Mauris eget viverra ligula. Nunc fermentum nibh nec risus commodo et adipiscing dui consequat.[/tab] [/tabgroup] [separator type=“space“]