Javascript Tabs

 

Disable Javascript to see how how they are displayed alternatively. Column widths have been modified to fit the tabs content width.

[tab_wrapper]

[tab label=»Customer Service»]

[tiny]

Service Facts

 

[tick_list]

  • 1 Hour Response
  • 99.99% Uptime SLA
  • No Bandwidth Overages
  • Money Back Guarantee
  • Weekly Backups
  • Instant Activation

[/tick_list]

[/tiny]

[tiny]

Hardware Facts

 

[tick_list]

  • Enterprise Class Servers
  • RAID10 Storage
  • 2 Gigabit NIC
  • Hardware RAID
  • ECC Registered RAM
  • Redundant Power

[/tick_list]

[/tiny]

[medium_last]

Rackhost Guarantee

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

[/medium_last]

[/tab]

[tab label=»Rapid Deployment»]

Rapid Deployment

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

[/tab]

[tab label=»Premium Network»]

[small]

Rackhost Guarantee

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

[/small]

[small]

Rackhost Guarantee

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

[/small]

[small_last]

Rackhost Guarantee

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

[/small_last]

[/tab]

[/tab_wrapper]

[separator][/separator]

Colored Button

 

Button is variable in size while text is always centered.

 

[button link=»»]Submit[/button]

[separator][/separator]

[small]

Custom Icons

 

All large icons can simply be called and assigned via a short code. The small icons appear slightly modified in the header and footer.

[/small]

[small]

[icon_network]Network[/icon_network]

 

[icon_cog]Cog[/icon_cog]

 

[icon_stats]Graph[/icon_stats]

[/small]

[small_last]

[icon_help]Help[/icon_help]

 

[icon_server]Server[/icon_server]

 

[icon_control_panel]Control Panel[/icon_control_panel]

[/small_last]

[separator][/separator]

Default Table

 

Can be used as an alternative to the hosting plans layout used on the product pages.

[table]

[table_row]

[table_cell_header]Shared Personal[/table_cell_header]

[table_cell_header]Shared Developer[/table_cell_header]

[table_cell_header]Shared Business[/table_cell_header]

[/table_row]

[table_row]

[table_cell]64 MB Application Memory[/table_cell]

[table_cell]256 MB Application Memory[/table_cell]

[table_cell]1024 MB Application Memory[/table_cell]

[/table_row]

[table_row]

[table_cell]5 GB Disk Space[/table_cell]

[table_cell]15 GB Disk Space[/table_cell]

[table_cell]50 GB Disk Space[/table_cell]

[/table_row]

[table_row]

[table_cell]100 GB Traffic[/table_cell]

[table_cell]500 GB Traffic[/table_cell]

[table_cell]1000 GB Traffic[/table_cell]

[/table_row]

[table_row]

[table_cell]Weekly Backups[/table_cell]

[table_cell]Daily Backups[/table_cell]

[table_cell]Hourly Backups[/table_cell]

[/table_row]

[table_row]

[table_cell_price label=»monthly»]$4[/table_cell_price]

[table_cell_price label=»monthly»]$12[/table_cell_price]

[table_cell_price label=»monthly»]$32[/table_cell_price]

[/table_row]

[table_row]

[table_cell][button link=»»]Order Now[/button][/table_cell]

[table_cell][button link=»»]Order Now[/button][/table_cell]

[table_cell][button link=»»]Order Now[/button][/table_cell]

[/table_row]

[/table]

[separator][/separator]

[medium]

Blockquote

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[/medium]

[medium_last]

Code

 

<pre></pre>

[/medium_last]

[separator][/separator]

[small]

Small Column & Navigation

 

[navigation]

[/navigation]

[/small]

[large_last]

Large Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[/large_last]

[separator_shadow][/separator_shadow]

[medium]

Medium Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/medium]

[medium_last]

Medium Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/medium_last]

[separator][/separator]

[small]

Small Column & Picture

 

[/small]

[small]

Small Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

[/small]

[small_last]

Small Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

[/small_last]

[separator][/separator]

[tiny]

Tiny Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[/tiny]

[tiny]

Tiny Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[/tiny]

[tiny]

Tiny Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[/tiny]

[tiny_last]

Tiny Column

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

[/tiny_last]

[separator][/separator]

[small]

Default List Items

 

[list]

  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu

[/list]

[/small]

[small]

Tick List Items

 

[tick_list]

  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu

[/tick_list]

[/small]

[small_last]

Cross List Items

 

[cross_list]

  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu
  • Lorem ipsum dolor sit amet, consectetu

[/cross_list]

[/small_last]

[info_box]

This is a small info box to display important information.

[/info_box]

[separator][/separator]

Pictures Zoomable & Aligned

 

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

[separator][/separator]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

[separator][/separator]

Heading h1

Heading h2

Heading h3

Heading h4

Heading h5