[one_half title=”Buttons”]
[button color=”light-themecolor” link=””]Theme Colour[/button] [button color=”dark” link=””]Dark Button[/button] [button color=”light-blue” link=””]Blue Button[/button]
[button color=”light-brown” link=””]Brown Button[/button] [button color=”light-green” link=””]Green Button[/button] [button color=”light-lime” link=””]Lime Button[/button]
[button color=”light-magenta” link=””]Magenta Button[/button] [button color=”light-mango” link=””]Mango Button[/button] [button color=”light-pink” link=””]Pink Button[/button]
[button color=”light-purple” link=””]Purple Button[/button] [button color=”light-red” link=””]Red Button[/button] [button color=”light-teal” link=””]Teal Button[/button][/one_half]
[one_half_last title=”Tabs”][tabgroup]
[tab title=”Tab 1″ class=”link-tab”]
[/tab]
[tab title=”Tab 2″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.
[/tab]
[tab title=”Tab 3″ class=”list-item-tab”]
- List Item 1
- List Item 2
- List Item 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/tab]
[/tabgroup][/one_half_last]
[vertical_separator]
Paragraph Highlights
[one_third title=””][phl style=”1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/phl][/one_third]
[one_third title=””][phl style=”2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/phl][/one_third]
[one_third_last title=””][phl style=”3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/phl][/one_third_last]
[vertical_separator]
Information Boxes
[infobox color=”red”]This is very urgent[/infobox]
[infobox color=”yellow”]This needs your attention[/infobox]
[infobox color=”green”]You have done it well![/infobox]
[infobox color=”blue”]Just some facts for you[/infobox]
[vertical_separator]
[one_half title=”Toggle”]
[toggle title=”Toggle” state=”open”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/toggle]
[toggle title=”Toggle” state=”close”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/toggle]
[toggle title=”Toggle” state=”open”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/toggle][/one_half]
[one_half_last title=”Accordion”][accordion]
[ac_row title=”Toggle 1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/ac_row]
[ac_row title=”Toggle 2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/ac_row]
[ac_row title=”Toggle 3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/ac_row]
[/accordion][/one_half_last]
[vertical_separator]
Tables – 2 Columns with details on hover
[one_half title=””][table title=”Standard” price=”48″]
[row item=”1 User”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”5 Websites”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”20GB Storage Space”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”500GB Bandwidth”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”24/7 Support”][/row]
[/table][/one_half]
[one_half_last title=””][table title=”Premium” price=”128″]
[row item=”20 Users”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”100 Websites”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”400GB Storage Space”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”1000GB Bandwidth”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”Advanced Features”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam ante et massa dignissim blandit. Integer a varius lorem. Donec eu libero turpis, quis tristique sapien.[/row][row item=”24/7 Support”][/row]
[/table][/one_half_last]
[vertical_separator]
Tables – 3 Columns
[one_third title=””][table title=”Standard” price=”48″]
[row item=”1 User”][/row]
[row item=”5 Websites”][/row]
[row item=”20GB Storage Space”][/row]
[row item=”500GB Bandwidth”][/row]
[row item=”24/7 Support”][/row]
[/table][/one_third]
[one_third title=””][table title=”Premium” price=”128″]
[row item=”20 Users”][/row]
[row item=”100 Websites”][/row]
[row item=”400GB Storage Space”][/row]
[row item=”1000GB Bandwidth”][/row]
[row item=”Advanced Features”][/row]
[row item=”24/7 Support”][/row]
[/table][/one_third]
[one_third_last title=””]
[table title=”Exclusive” price=”168″]
[row item=”40 Users”][/row]
[row item=”200 Websites”][/row]
[row item=”800GB Storage Space”][/row]
[row item=”2000GB Bandwidth”][/row]
[row item=”Full Features”][/row]
[row item=”24/7 Support”][/row]
[/table][/one_third_last]