[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]  

Leave a Reply

Your email address will not be published.