2012年10月6日

Features – Content

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

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です