Table with predefined colors
White Table
Free | Mini | Standard | Premium | |
---|---|---|---|---|
Features 1 | 1 | unlimited | – | |
Features 2 | 3 | 5 | 35 | |
Features 3 | 1 | 3 | 6 | 10 |
Features 4 | 3 | 18 | ||
Features 5 | 1 | 3 | 6 | |
Features 6 | 3 | 5 | 3 | 35 |
[table color="white"] <table style="width: 100%;" cellspacing="0" cellpadding="0"> <thead> <tr> <th style="width:20%"></th> <th style="width:20%">Free</th> <th style="width:20%">Mini</th> <th style="width:20%">Standard</th> <th style="width:20%">Premium</th> </tr> </thead> <tbody> <tr> <th class="features">Features 1</th> <td>1</td> <td>unlimited</td> <td>[x]</td> <td>-</td> </tr> </tbody> </table> [/table]
Red Table
Free | Mini | Standard | Premium | |
---|---|---|---|---|
Features 1 | 1 | unlimited | – | |
Features 2 | 3 | 5 | 35 | |
Features 3 | 1 | 3 | 6 | 10 |
Features 4 | 3 | 18 | ||
Features 5 | 1 | 3 | 6 | |
Features 6 | 3 | 5 | 3 | 35 |
[table color="red"] <table style="width: 100%;" cellspacing="0" cellpadding="0"> <thead> <tr> <th style="width:20%"></th> <th style="width:20%">Free</th> <th style="width:20%">Mini</th> <th style="width:20%">Standard</th> <th style="width:20%">Premium</th> </tr> </thead> <tbody> <tr> <th class="features">Features 1</th> <td>1</td> <td>unlimited</td> <td>[x]</td> <td>-</td> </tr> </tbody> </table> [/table]
Grey Table
Free | Mini | Standard | Premium | |
---|---|---|---|---|
Features 1 | 1 | unlimited | – | |
Features 2 | 3 | 5 | 35 | |
Features 3 | 1 | 3 | 6 | 10 |
Features 4 | 3 | 18 | ||
Features 5 | 1 | 3 | 6 | |
Features 6 | 3 | 5 | 3 | 35 |
[table color="grey"] <table style="width: 100%;" cellspacing="0" cellpadding="0"> <thead> <tr> <th style="width:20%"></th> <th style="width:20%">Free</th> <th style="width:20%">Mini</th> <th style="width:20%">Standard</th> <th style="width:20%">Premium</th> </tr> </thead> <tbody> <tr> <th class="features">Features 1</th> <td>1</td> <td>unlimited</td> <td>[x]</td> <td>-</td> </tr> </tbody> </table> [/table]
Blue Table
Free | Mini | Standard | Premium | |
---|---|---|---|---|
Features 1 | 1 | unlimited | – | |
Features 2 | 3 | 5 | 35 | |
Features 3 | 1 | 3 | 6 | 10 |
Features 4 | 3 | 18 | ||
Features 5 | 1 | 3 | 6 | |
Features 6 | 3 | 5 | 3 | 35 |
[table color="blue"] <table style="width: 100%;" cellspacing="0" cellpadding="0"> <thead> <tr> <th style="width:20%"></th> <th style="width:20%">Free</th> <th style="width:20%">Mini</th> <th style="width:20%">Standard</th> <th style="width:20%">Premium</th> </tr> </thead> <tbody> <tr> <th class="features">Features 1</th> <td>1</td> <td>unlimited</td> <td>[x]</td> <td>-</td> </tr> </tbody> </table> [/table]
Box Prices
Standard Plan
45.0 $
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
[price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="white"] <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> [/price]
Standard Plan
45.0 $
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
[price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="grey"] <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> [/price]
Standard Plan
45.0 $
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
[price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="blue"] <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> [/price]
Standard Plan
45.0 $
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
[price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="red"] <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> [/price]
Standard Plan
45.0 $
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
[price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="green"] <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> [/price]
Standard Plan
45.0 $
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
- Morbi est elit, imperdiet sit amet
- Lorem ipsum seget, egestas in leo.
[price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="yellow"] <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> <li>Morbi est elit, imperdiet sit amet</li> <li>Lorem ipsum seget, egestas in leo.</li> [/price]