Regular Tables
Regular table + random highlight
Item 1 | Item 2 | Item 3 | Item 4 |
---|---|---|---|
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
-
View the code
[table align="center"] <table> <tbody> <tr> <th>Item 1</th> <th class="highlight color1">Item 2</th> <th>Item 3</th> <th>Item 4</th> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td class="highlight">Desc4</td> </tr> <tr> <td class="highlight color2">Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> </tbody> </table> [/table]
Centered table + highlighted row
Header 1 | Header 2 | Header 3 | Header 4 |
---|---|---|---|
Desc 1 | Desc 2 | Desc 3 | Desc 4 |
Desc 1 | Desc 2 | Desc 3 | Desc 4 |
-
View the code
[table align="center"] <table> <tbody> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> </tr> <tr class="highlight color1"> <td>Desc 1</td> <td>Desc 2</td> <td>Desc 3</td> <td>Desc 4</td> </tr> <tr> <td>Desc 1</td> <td>Desc 2</td> <td>Desc 3</td> <td>Desc 4</td> </tr> </tbody> </table> [/table]
Right aligned table + highlighted column
Header 1 | Header 2 | Header 3 | Header 4 |
---|---|---|---|
Desc 1 | Desc 2 | Desc 3 | Desc 4 |
Desc 1 | Desc 2 | Desc 3 | Desc 4 |
Desc 1 | Desc 2 | Desc 3 | Desc 4 |
-
View the code
[table align="right"] <table> <tbody> <tr> <th>Header 1</th> <th class="highlight-col">Header 2</th> <th>Header 3</th> <th>Header 4</th> </tr> <tr> <td>Desc 1</td> <td>Desc 2</td> <td>Desc 3</td> <td>Desc 4</td> </tr> <tr> <td>Desc 1</td> <td>Desc 2</td> <td>Desc 3</td> <td>Desc 4</td> </tr> <tr> <td>Desc 1</td> <td>Desc 2</td> <td>Desc 3</td> <td>Desc 4</td> </tr> </tbody> </table> [/table]
Striped table + highlighted column and random highlights
Header 1 | Header 2 | Header 3 | Header 4 |
---|---|---|---|
Desc 1 | Desc 2 | Desc 3 | Desc 4 |
Desc 1 | Desc 2 | Desc 3 | Desc 4 |
Desc 1 | Desc 2 | Desc 3 | Desc 4 |
-
View the code
[table striped="yes" align="center"] <table> <tbody> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> </tr> <tr> <td>Desc 1</td> <td>Desc 2</td> <td>Desc 3</td> <td>Desc 4</td> </tr> <tr> <td class="highlight">Desc 1</td> <td>Desc 2</td> <td class="highlight-col color1">Desc 3</td> <td>Desc 4</td> </tr> <tr> <td class="highlight">Desc 1</td> <td>Desc 2</td> <td>Desc 3</td> <td>Desc 4</td> </tr> </tbody> </table> [/table]
Table with background + random highlight
Item 1 | Item 2 | Item 3 | Item 4 |
---|---|---|---|
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
-
View the code
[table background="yes"] <table> <tbody> <tr> <th>Item 1</th> <th>Item 2</th> <th class="highlight">Item 3</th> <th>Item 4</th> </tr> <tr> <td class="highlight">Desc1</td> <td>Desc2</td> <td>Desc3</td> <td class="highlight color1">Desc4</td> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td class="highlight color1">Desc3</td> <td>Desc4</td> </tr> <tr> <td>Desc1</td> <td class="highlight">Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> </tbody> </table> [/table]
Centered table with background + highlighted rows
Item 1 | Item 2 | Item 3 | Item 4 |
---|---|---|---|
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
-
View the code
[table align="center" background="yes"] <table> <tbody> <tr> <th>Item 1</th> <th>Item 2</th> <th>Item 3</th> <th>Item 4</th> </tr> <tr class="highlight"> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> <tr class="highlight color1"> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> </tbody> </table> [/table]
Right aligned table with background + highlighted columns
Item 1 | Item 2 | Item 3 | Item 4 |
---|---|---|---|
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
-
View the code
[table background="yes" align="right"] <table> <tbody> <tr> <th class="highlight-col color1">Item 1</th> <th>Item 2</th> <th class="highlight-col">Item 3</th> <th>Item 4</th> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> </tbody> </table> [/table]
Table with background + highlighted columns
Item 1 | Item 2 | Item 3 | Item 4 |
---|---|---|---|
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
Desc1 | Desc2 | Desc3 | Desc4 |
-
View the code
[table background="yes" align="left"] <table> <tbody> <tr> <th class="highlight-col">Item 1</th> <th class="highlight-col color1">Item 2</th> <th>Item 3</th> <th class="highlight-col">Item 4</th> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> <tr> <td>Desc1</td> <td>Desc2</td> <td>Desc3</td> <td>Desc4</td> </tr> </tbody> </table> [/table]
Pricing Tables
Pricing tables
DemoFree for 60 daysGreat for personal |
---|
3 accounts |
6 Export formats |
Enhanced security |
Offline access |
– |
– |
– |
Sign Up |
Standard$19.99 per monthGreat for small business |
---|
10 accounts |
10 Export formats |
Enhanced security |
Offline access |
Email support |
– |
– |
Sign Up |
Business$49.99 per monthBrand new offer |
---|
100 accounts |
50 Export formats |
Enhanced security |
Offline access |
Email support |
Share via email |
– |
Sign Up |
Professional$199.99 per monthGreat for big business |
---|
Unlimited accounts |
All export formats |
Enhanced security |
Offline access |
Email support |
Share via email |
Stats and reports |
Sign Up |
-
View the code
[row][one_fourth] [pricing_table align="center" background="yes" striped="yes"] [pricing_row headline="yes" color="color3" highlight="no"] [headline tag="h2" color="color1"]Demo[/headline] [headline tag="h3"]Free for 60 days[/headline] Great for personal [/pricing_row] [pricing_row]3 accounts[/pricing_row] [pricing_row]6 Export formats[/pricing_row] [pricing_row]Enhanced security[/pricing_row] [pricing_row]Offline access[/pricing_row] [pricing_row]-[/pricing_row] [pricing_row]-[/pricing_row] [pricing_row]-[/pricing_row] [pricing_row][button url="#" size="medium" new_window="no"]Sign Up[/button][/pricing_row] [/pricing_table] [/one_fourth][one_fourth] [pricing_table align="center" background="yes" striped="yes"] [pricing_row headline="yes" color="color3" highlight="no"] [headline tag="h2" color="color1"]Standard[/headline] [headline tag="h3"]$19.99 per month[/headline] Great for small business [/pricing_row] [pricing_row]10 accounts[/pricing_row] [pricing_row]10 Export formats[/pricing_row] [pricing_row]Enhanced security[/pricing_row] [pricing_row]Offline access[/pricing_row] [pricing_row]Email support[/pricing_row] [pricing_row]-[/pricing_row] [pricing_row]-[/pricing_row] [pricing_row][button url="#" size="medium" new_window="no"]Sign Up[/button][/pricing_row] [/pricing_table] [/one_fourth][one_fourth] [pricing_table align="center" background="yes" striped="yes"] [pricing_row headline="yes" color="color1" highlight="yes"] [headline tag="h2" color="color2"]Business[/headline] [headline tag="h3"]$49.99 per month[/headline] Brand new offer [/pricing_row] [pricing_row]100 accounts[/pricing_row] [pricing_row]50 Export formats[/pricing_row] [pricing_row]Enhanced security[/pricing_row] [pricing_row]Offline access[/pricing_row] [pricing_row]Email support[/pricing_row] [pricing_row]Share via email[/pricing_row] [pricing_row]-[/pricing_row] [pricing_row][button url="#" size="medium" color="color2" new_window="no"]Sign Up[/button][/pricing_row] [/pricing_table] [/one_fourth][one_fourth] [pricing_table align="center" background="yes" striped="yes"] [pricing_row headline="yes" color="color2" highlight="yes"] [headline tag="h2" color="color1"]Professional[/headline] [headline tag="h3"]$199.99 per month[/headline] Great for big business [/pricing_row] [pricing_row]Unlimited accounts[/pricing_row] [pricing_row]All export formats[/pricing_row] [pricing_row]Enhanced security[/pricing_row] [pricing_row]Offline access[/pricing_row] [pricing_row]Email support[/pricing_row] [pricing_row]Share via email[/pricing_row] [pricing_row]Stats and reports[/pricing_row] [pricing_row][button url="#" size="medium" color="color1" new_window="no"]Sign Up[/button][/pricing_row] [/pricing_table] [/one_fourth][/row]
Regular Table + background and highlights
DemoFree for 60 daysGreat for personal |
Standard$19.99 per monthGreat for small business |
Business$49.99 per monthBrand new offer |
Professional$199.99 per monthGreat for big business |
|
---|---|---|---|---|
Number of accounts | 3 | 10 | 100 | Unlimited |
Number of exported formats | 6 | 10 | 50 | All |
Enhanced security | ||||
Offline access | ||||
Email support | – | |||
Share via email | – | – | ||
Stats and reports | – | – | – | |
Sign Up | Sign Up | Sign Up | Sign Up |
-
View the code
[table align="center" background="yes"] <table> <tbody> <tr> <th></th> <th> <h2 class="color1">Demo</h2> <h3>Free for 60 days</h3> Great for personal</th> <th> <h2 class="color1">Standard</h2> <h3>$19.99 per month</h3> Great for small business</th> <th class="highlight-col color1"> <h2 class="color2">Business</h2> <h3>$49.99 per month</h3> Brand new offer</th> <th class="highlight-col color2"> <h2 class="color1">Professional</h2> <h3>$199.99 per month</h3> Great for big business</th> </tr> <tr> <td>Number of accounts</td> <td>3</td> <td>10</td> <td>100</td> <td>Unlimited</td> </tr> <tr> <td>Number of exported formats</td> <td>6</td> <td>10</td> <td>50</td> <td>All</td> </tr> <tr> <td>Enhanced security</td> <td>[icon icon="icon-ok-1"]</td> <td>[icon icon="icon-ok-1"]</td> <td>[icon icon="icon-ok-1" color="color4"]</td> <td>[icon icon="icon-ok-1" color="color4"]</td> </tr> <tr> <td>Offline access</td> <td>[icon icon="icon-ok-1"]</td> <td>[icon icon="icon-ok-1"]</td> <td>[icon icon="icon-ok-1" color="color4"]</td> <td>[icon icon="icon-ok-1" color="color4"]</td> </tr> <tr> <td>Email support</td> <td>-</td> <td>[icon icon="icon-ok-1"]</td> <td>[icon icon="icon-ok-1" color="color4"]</td> <td>[icon icon="icon-ok-1" color="color4"]</td> </tr> <tr> <td>Share via email</td> <td>-</td> <td>-</td> <td>[icon icon="icon-ok-1" color="color4"]</td> <td>[icon icon="icon-ok-1" color="color4"]</td> </tr> <tr> <td>Stats and reports</td> <td>-</td> <td>-</td> <td>-</td> <td>[icon icon="icon-ok-1" color="color4"]</td> </tr> <tr> <td></td> <td>[button url="#" size="medium" new_window="no"]Sign Up[/button]</td> <td>[button url="#" size="medium" new_window="no"]Sign Up[/button]</td> <td>[button url="#" size="medium" new_window="no"]Sign Up[/button]</td> <td>[button url="#" size="medium" new_window="no" color="color1"]Sign Up[/button]</td> </tr> </tbody> </table> [/table]