Shortcodes
the easiest way to customize your theme
Home Page › SHORTCODE › Table & Box prices
Table & Box prices
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]