ComputerSurvive uses cookies to make sure our websites work effectively and to improve your user experience.

If you continue to use this site we will assume that you are happy with this.

TABLE DESIGNS

Some table designs:

MINIMAL STYLE

The below exemple has the class set to ".minimal-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

BOX STYLE

The below exemple has the class set to ".box-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

ZEBRA STYLE

The below exemple has the class set to ".zebra-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

ONE COLUMN STYLE

The below exemple has the class set to ".onecol-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

SIMPLE STYLE

The below exemple has the class set to ".simple-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

 

Code for table:

<table class="minimal-style">
    <thead>
        <tr>  
            <th scope="col">Country</th>
            <th scope="col">Population</th>
            <th scope="col">Area</th>
            <th scope="col">Official languages</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>United States of America</td>
            <td>306,939,000</td>
            <td>9,826,630 km2</td>
            <td>English</td>
        </tr>
        <tr>
            <td>United Kingdom</td>
            <td>61,612,300</td>
            <td>244,820 km2</td>
            <td>English</td>
        </tr>
        <tr>
            <td>India</td>
            <td>1,147,995,904</td>
            <td>3,287,240 km2</td>
            <td>Hindi, English</td>
        </tr>
        <tr>
            <td>Canada</td>
            <td>33,718,000</td>
            <td>9,984,670 km2</td>
            <td>English, French</td>
        </tr>
        <tr>
            <td>Germany</td>
            <td>82,060,000</td>
            <td>357,021 km2</td>
            <td>German</td>
        </tr>
    </tbody>
</table>

Offline Page

 

You can see a screenshot below, of how the under construction page looks like.

offline page

ACCORDIONS & TOGGLES

ACCORDIONS:

Style 1

Fusce neque felis

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Ligula eleifend posuere

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Pretium dignissim elit nec feugiat

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Style 2

Fusce neque felis

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Ligula eleifend posuere

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Pretium dignissim elit nec feugiat

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Shortcode demo  (you can have style=1 or style=2):

[accordion style="1" width="600"]
    [acc_pane title="Fusce neque felis"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/acc_pane]
    [acc_pane title="Ligula eleifend posuere"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/acc_pane]
    [acc_pane title="Pretium dignissim elit nec feugiat"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/acc_pane]
[/accordion]

 

TOGGLE:

Style 1

Fusce neque felis

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Ligula eleifend posuere

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Pretium dignissim elit nec feugiat

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Style 2

Fusce neque felis

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Ligula eleifend posuere

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Pretium dignissim elit nec feugiat

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

 

FAQ Style (style=faq)

Fusce neque felis

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Ligula eleifend posuere

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Pretium dignissim elit nec feugiat

Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.

Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.

Shortcode demo  (you can have style=1 or style=2):

[toggle style="1" width="600"]
    [tgg_pane title="Fusce neque felis"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/tgg_pane]
    [tgg_pane title="Ligula eleifend posuere"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/tgg_pane]
    [tgg_pane title="Pretium dignissim elit nec feugiat"]
        Mauris laoreet arcu tortor. Fusce neque felis, bibendum vel lacinia et, eleifend ut tortor. Sed imperdiet, purus porttitor vestibulum lobortis, lorem nunc adipiscing ipsum, at ullamcorper sem odio a tellus. Mauris a luctus nunc.Maecenas at nisl leo. Sed sed nisl a ligula eleifend posuere ut nec sapien. Proin tempor neque mi. Duis pretium dignissim elit nec feugiat. Morbi non orci felis. Nam vitae metus a orci iaculis facilisis.
    [/tgg_pane]
[/toggle]

HISTORIC

This is a short historic of how we started this company and where are we now:

2001

The beginning of the road

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies. Fusce dignissim libero in neque feugiat quis laoreet magna vulputate. Phasellus vestibulum, dolor eu molestie tincidunt, purus leo fermentum erat, vel hendrerit mauris massa sed erat.
2003

Got our first award

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies. Fusce dignissim libero in neque feugiat quis laoreet magna vulputate. Phasellus vestibulum, dolor eu molestie tincidunt, purus leo fermentum erat, vel hendrerit mauris massa sed erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies. Fusce dignissim libero in neque feugiat quis laoreet magna vulputate. Phasellus vestibulum, dolor eu molestie tincidunt, purus leo fermentum erat, vel hendrerit mauris massa sed erat.

2007

Merged with another company

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies. Fusce dignissim libero in neque feugiat quis laoreet magna vulputate. Phasellus vestibulum, dolor eu molestie tincidunt, purus leo fermentum erat, vel hendrerit mauris massa sed erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies.
Present

A very succsessful company

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies. Fusce dignissim libero in neque feugiat quis laoreet magna vulputate. Phasellus vestibulum, dolor eu molestie tincidunt, purus leo fermentum erat, vel hendrerit mauris massa sed erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitor erat viverra justo fringilla ultricies.

On this journey, we managed clients such as:

Code for historic:

[historic year="2001" title="Title here" order="first" direction="left"]contents here[/historic] [historic year="2002" title="Title here" direction="right"]contents here[/historic] [historic year="2003" title="Title here" order="last" direction="left"]contents here[/historic]

Mandatory: First & last historic must have the order attribute set. If not, the code will break and will not work.

 

Code for clients (remove spaces in gallery brackets):

[clients] { gallery } gallery/clients {/ gallery } [/clients]

 

PRICING TABLE DESIGNS

Some pricing table designs: 

STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security

FEATURES PRICING TABLE

PLAN
PRICING ?
  • Users count ?
  • Workspaces Count ?
  • # Clients ?
  • Storage ?
  • Max file size
  •  
  • Tech Support ?
  • High Security ?
STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security

COLOR STYLE PRESETS

Presets: orange, blue, purple, yellow, turqoise, darkred, red, green, green-lemon

 

STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security
STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security
STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security
STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security

 

STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security

 

STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security

 

STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security

 

STARTER
$6.99
starting price per month
  • 2 Users
  • 2 Workspaces
  • 5 Clients
  • 1GB Storage
  • Max file size 10mb
  • -
  • -
PROFFESIONAL
$13.99
starting price per month
  • 10 Users
  • 10 Workspaces
  • 15 Clients
  • 5GB Storage
  • Max file size 100mb
  • Tech Support
  • High Security
ULTRA
$99.99
starting price per month
  • Unlimited Users
  • Unlimited Workspaces
  • 40 Clients
  • 15GB Storage
  • Max file size 200mb
  • Tech Support
  • High Security

SHORTCODE EXAMPLE:

[pricing_table cols="4" style="orange"]
    [pricing_column title="STARTER" currency="$" price="6.99" order="first" description="starting price per month" button_title="Order Now" button_link="#"]
        [pricing_features]
            <ul>
                <li>2 Users</li>
                <li>2 Workspaces</li>
                <li>5 Clients</li>
                <li>1GB Storage</li>
                <li>Max file size 10mb</li>
                <li>[separator]</li>
                <li>-</li>
                <li>-</li>
            </ul>
        [/pricing_features]
    [/pricing_column]
    [pricing_column title="STANDARD" currency="$" price="9.99" description="starting price per month" button_title="Order Now" button_link="#" highlight="true"]
        [pricing_features]
            <ul>
                <li>5 Users</li>
                <li>5 Workspaces</li>
                <li>10 Clients</li>
                <li>2.5GB Storage</li>
                <li>Max file size 50mb</li>
                <li>[separator]</li>
                <li>Tech Support</li>
                <li>-</li>
            </ul>
        [/pricing_features]
    [/pricing_column]
    [pricing_column title="PROFFESIONAL" currency="$" price="13.99" description="starting price per month" button_title="Order Now" button_link="#"]
        [pricing_features]
            <ul>
                <li>10 Users</li>
                <li>10 Workspaces</li>
                <li>15 Clients</li>
                <li>5GB Storage</li>
                <li>Max file size 100mb</li>
                <li>[separator]</li>
                <li>Tech Support</li>
                <li>High Security</li>
            </ul>
        [/pricing_features]
    [/pricing_column]
    [pricing_column title="ULTRA" order="last" currency="$" price="99.99" description="starting price per month" button_title="Order Now" button_link="#"]
        [pricing_features]
            <ul>
                <li>Unlimited Users</li>
                <li>Unlimited Workspaces</li>
                <li>40 Clients</li>
                <li>15GB Storage</li>
                <li>Max file size 200mb</li>
                <li>[separator]</li>
                <li>Tech Support</li>
                <li>High Security</li>
            </ul>
        [/pricing_features]
    [/pricing_column]
[/pricing_table]

AND TO HAVE A FIRST FEATURE COLUMN (like in the Features Pricing Table):

[header_column title="PLAN" description="PRICING ?" ]
    <ul>
        <li>Users count [help_tip sign="?" content="Nulla dui augue, pretium ac pulvinar ac, molestie ac libero. Praesent sodales convallis nunc, at lacinia tellus ultrices non."]</li>
        <li>Workspaces Count [help_tip sign="?" content="Nulla dui augue, pretium ac pulvinar ac, molestie ac libero. Praesent sodales convallis nunc, at lacinia tellus ultrices non."]</li>
        <li># Clients [help_tip sign="?" content="Nulla dui augue, pretium ac pulvinar ac, molestie ac libero. Praesent sodales convallis nunc, at lacinia tellus ultrices non."]</li>
        <li>Storage [help_tip sign="?" content="Nulla dui augue, pretium ac pulvinar ac, molestie ac libero. Praesent sodales convallis nunc, at lacinia tellus ultrices non."]</li>
        <li>Max file size</li>
        <li>[separator]</li>
        <li>Tech Support [help_tip sign="?" content="Nulla dui augue, pretium ac pulvinar ac, molestie ac libero. Praesent sodales convallis nunc, at lacinia tellus ultrices non."]</li>
        <li>High Security [help_tip sign="?" content="Nulla dui augue, pretium ac pulvinar ac, molestie ac libero. Praesent sodales convallis nunc, at lacinia tellus ultrices non."]</li>
    </ul>
[/header_column]
  • Tweets

Please add WIDGET ID!! (Reconfigure the HG Live Social Module's settings.)