Expandable widgetized area
Use any widget or create amazing combinations with shortcodes...
Define expandable area globally in Zimney's Theme Options, or use per-page option and define unique expandable area for each page individually.
You can even choose if expandable area is closed or opened by default.

Tables & Pricing Tables

Tables are perfectly suitable for displaying structured data. Whether regular tables or more advanced pricing tables, Zimney has them covered. Additional CSS classes make it super-easy for you to style the tables according to your design.

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

Demo

Free for 60 days

Great for personal

3 accounts
6 Export formats
Enhanced security
Offline access
Sign Up

Standard

$19.99 per month

Great for small business

10 accounts
10 Export formats
Enhanced security
Offline access
Email support
Sign Up

Business

$49.99 per month

Brand new offer

100 accounts
50 Export formats
Enhanced security
Offline access
Email support
Share via email
Sign Up

Professional

$199.99 per month

Great 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

Demo

Free for 60 days

Great for personal

Standard

$19.99 per month

Great for small business

Business

$49.99 per month

Brand new offer

Professional

$199.99 per month

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