Tables

[pricing_table_1]

FREE$0 monthly BASIC$9.99 monthly ADVANCED$29.99 monthly PROFESSIONAL$49.99 monthly ULTIMATE$99.99 monthly
User Limit 50 100 150 200 300
Team Members unlimited unlimited unlimited unlimited unlimited
Disk Limit unlimited unlimited unlimited unlimited unlimited
Custom Domain
PayPal Integration
Basecamp Integration
Email Tech Support
Unlimited Projects
Real-time Stats
SSL Secuirity
Sign Up Sign Up Sign Up Sign Up Sign Up

[/pricing_table_1]

[pricing_table_2 num_column=”4″]

  • FREE$0 monthly
  • Up to 50 users
  • Limited team members
  • Limited disk space
  • Custom Domain
  • PayPal Integration
  • Basecamp Integration
  • Email Tech Support
  • Unlimited Projects
  • Real-time Stats
  • SSL Secuirity
  • Sign Up
  • BASIC$9.99 monthly
  • Up to 50 users
  • Limited team members
  • Limited disk space
  • Custom Domain
  • PayPal Integration
  • Basecamp Integration
  • Email Tech Support
  • Unlimited Projects
  • Real-time Stats
  • SSL Secuirity
  • Sign Up
  • ADVANCED$29.99 monthly
  • Up to 50 users
  • Limited team members
  • Limited disk space
  • Custom Domain
  • PayPal Integration
  • Basecamp Integration
  • Email Tech Support
  • Unlimited Projects
  • Real-time Stats
  • SSL Secuirity
  • Sign Up
  • PROFESSIONAL$49.99 monthly
  • Up to 50 users
  • Limited team members
  • Limited disk space
  • Custom Domain
  • PayPal Integration
  • Basecamp Integration
  • Email Tech Support
  • Unlimited Projects
  • Real-time Stats
  • SSL Secuirity
  • Sign Up

[/pricing_table_2]

 

[row][one_half_column]

Table

[table_1]

Header 1 Header 2 Header 3 Header 4 Header 5
1 Donec sit amet eros 20 $13 $3861
2 Lorem ipsum dolor sit amet 29 $93 $922
3 Consectetuer adipiscing elit 330 $40 $8000
4 Mauris fermentum dictum magna 17 $22 $122
5 Sed laoreet aliquam leo 98 $4 $650

[/table_1] [/one_half_column][one_half_column]

Progress bar

[skill main_color=”#97BE0D” percentage=”95″] HTML5 – 95% [/skill]
[skill main_color=”#da2f10″ percentage=”85″] CSS3 – 85% [/skill]
[skill main_color=”#88B8E6″ percentage=”95″] jQuery – 95% [/skill]
[skill main_color=”#BEDBE9″ percentage=”50″]JavaScript – 50% [/skill]
[skill main_color=”#da2f10″ percentage=”45″] PHP – 45% [/skill][/one_half_column][/row]

Ordered Boxes

[ordered_boxes_sh width=”1/4″ indent=”no” color=”black” title=”Lacinia Fermentum” num=”01″]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/ordered_boxes_sh][ordered_boxes_sh width=”1/4″ indent=”yes” color=”black” title=”Lacinia Fermentum” num=”02″]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/ordered_boxes_sh][ordered_boxes_sh width=”1/4″ indent=”yes” color=”black” title=”Lacinia Fermentum” num=”03″]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/ordered_boxes_sh][ordered_boxes_sh width=”1/4″ indent=”yes” color=”black” title=”Lacinia Fermentum” num=”04″]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/ordered_boxes_sh]

[ordered_boxes_sh width=”1/4″ indent=”no” color=”red” title=”Lacinia Fermentum” num=”01″]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/ordered_boxes_sh][ordered_boxes_sh width=”1/4″ indent=”yes” color=”red” title=”Lacinia Fermentum” num=”02″]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/ordered_boxes_sh][ordered_boxes_sh width=”1/4″ indent=”yes” color=”red” title=”Lacinia Fermentum” num=”03″]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/ordered_boxes_sh][ordered_boxes_sh width=”1/4″ indent=”yes” color=”red” title=”Lacinia Fermentum” num=”04″]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/ordered_boxes_sh]

Icon Boxes

[icon_boxes_sh title=”Lacinia Fermentum” icon=”group” width=”1/4″ indent=”no”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”gears” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”graph” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”tools” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh]

[icon_boxes_sh title=”Lacinia Fermentum” icon=”ruler” width=”1/4″ indent=”no”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”images” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”info” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”download” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh]

[icon_boxes_sh title=”Lacinia Fermentum” icon=”cup” width=”1/4″ indent=”no”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”cart” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”globe” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh][icon_boxes_sh title=”Lacinia Fermentum” icon=”shape” width=”1/4″ indent=”yes”]Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[/icon_boxes_sh]

 

[table_1]

Header 1 Header 2 Header 3 Header 4 Header 5
1 Donec sit amet eros 20 $13 $3861
2 Lorem ipsum dolor sit amet 29 $93 $922
3 Consectetuer adipiscing elit 330 $40 $8000
4 Mauris fermentum dictum magna 17 $22 $122
5 Sed laoreet aliquam leo 98 $4 $650

[/table_1]

 

Messages

[alert type=”success”] Heads up! This alert needs your attention, but is not super important. [/alert]

[alert type=”warning”] Warning! Best check yo self, you’re not looking too good. [/alert]

[alert type=”info”] Heads up! This alert needs your attention, but it’s not super important. [/alert]

[alert type=”error”] Oh snap Change a few things up and try submitting again. [/alert]

[code] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/code]

Paragraphs

[p type=”lead”]Paragraph Lead. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/p]

 

[p type=”muted”]Paragraph Muted. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/p]

 

[p type=”ext-warning”]Paragraph Warning. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/p]

 

[p type=”text-error”]Paragraph Error. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/p]

 

[p type=”text-info”]Paragraph Info. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/p]

 

[p type=”text-success”]Paragraph Success. Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/p]

 

[row] [one_third_column]

Check List

[checklist title=”” ]

  • Vestibulum ante ipsum primis in faucibus
  • Vestibulum ante ipsum primis in faucibus
  • Vestibulum ante ipsum primis in faucibus
  • Vestibulum ante ipsum primis in faucibus

[/checklist] [/one_third_column][one_third_column]

Toggles

[collapsibles] [collapse title=”Ut tellus dolor dapibus eget” state=”active”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/collapse] [collapse title=”Elementum vel cursus eleifend, elit”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/collapse] [collapse title=”Aenean auctor wisi et urna”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/collapse] [collapse title=”Duis ac turpis donec sit amet eros”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/collapse] [collapse title=”Lorem ipsum dolor sit amet”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/collapse] [/collapsibles] [/one_third_column][one_third_column]

Accordion

[toggles] [toggles_inner title=”Ut tellus dolor dapibus eget” state=”active”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/toggles_inner] [toggles_inner title=”Elementum vel cursus eleifend, elit”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/toggles_inner] [toggles_inner title=”Aenean auctor wisi et urna”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/toggles_inner] [toggles_inner title=”Duis ac turpis donec sit amet eros”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/toggles_inner] [toggles_inner title=”Lorem ipsum dolor sit amet”] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/toggles_inner] [/toggles] [/one_third_column] [/row]

[row][three_fourth_column]

Buttons

[/three_fourth_column][one_fourth_column]

Tooltip

[/one_fourth_column][/row]

[row] [one_fourth_column] [button type=”white” size=”big”] BIG BUTTON[/button]

[button type=”white” size=”medium”] MEDIUM BUTTON[/button]

[button type=”white” size=”small”] SMALL  BUTTON[/button][/one_fourth_column] [one_fourth_column] [button type=”red” size=”big”] BIG BUTTON[/button]

[button type=”red” size=”medium”] MEDIUM BUTTON[/button]

[button type=”red” size=”small”] SMALL  BUTTON[/button] [/one_fourth_column][one_fourth_column][button type=”black” size=”big”] BIG BUTTON[/button]

[button type=”black” size=”medium”] MEDIUM BUTTON[/button]

[button type=”black” size=”small”] SMALL  BUTTON[/button] [/one_fourth_column][one_fourth_column] Aenean auctor wisi et urna. Aliquam erat volutpat. Duis [tooltip placement=”top” title=”Example of a tooltip” link=”#”] tellus dolor [/tooltip]ac turpis. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/one_fourth_column][/row]

 

[row][one_half_column]

Testimonials

[testimonials] [testimonial text=”Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque.” name=”Adam Smith” prof=”Designer, CreativeStudio”][/testimonial] [testimonial text=”Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque.” name=”Adam Smith” prof=”Designer, CreativeStudio”][/testimonial] [testimonial text=”Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque.” name=”Adam Smith” prof=”Designer, CreativeStudio”][/testimonial] [/testimonials][/one_half_column] [one_half_column]

Tabs

 

[tabs] [tab title=”Tab1″] 1Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/tab] [tab title=”Tab2″] 2Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/tab] [tab title=”Tab3″] 3Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus. Vestibulum libero nisl, porta vel, scelerisque eget, malesuada at neque. [/tab] [/tabs] [/one_half_column][/row]

Typography

H1. Aenean auctor wisi et urna.

H2. Aenean auctor wisi et urna.

H3. Aenean auctor wisi et urna.

H4. Aenean auctor wisi et urna.

H5. Aenean auctor wisi et urna.
H6. Aenean auctor wisi et urna.