Styled tables

Insert your table html into one of the predifined table style shortcodes and it will do the job for you.

Basic

Professional

Ultimate

Feature 1
  • Supported
  • Supported
  • Supported
Feature 2
  • Supported
  • Supported
  • Supported
Feature 3
  • Not included
  • Supported
  • Supported
Feature 4
  • Not included
  • Supported
  • Supported
Feature 5
  • Not included
  • Not included
  • Supported
View details View details View details
Get full code
[table style="2"]
[div style="text-align:center"]
<table>
<thead>
<th></th>
<th><h3>Basic</h3></th>
<th><h3>Professional</h3></th>
<th><h3>Ultimate</h3></th>
</thead>
<tbody>
<tr>
<td><h5>Feature 1</h5></td>
<td>
[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]
</td>
<td>
[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>
[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
</tr>
<tr>
<td><h5>Feature 2</h5></td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
</tr>
<tr>
<td><h5>Feature 3</h5></td>
<td>[list style="cross"]
<ul>
<li>Not included</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
</tr>
<tr>
<td><h5>Feature 4</h5></td>
<td>[list style="cross"]
<ul>
<li>Not included</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
</tr>
<tr>
<td><h5>Feature 5</h5></td>
<td>[list style="cross"]
<ul>
<li>Not included</li>
</ul>
[/list]</td>
<td>[list style="cross"]
<ul>
<li>Not included</li>
</ul>
[/list]</td>
<td> [list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]
</td>
</tr>
<tr>
<td></td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"]View details[/button]</td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"]View details[/button]</td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"]View details[/button]</td>
</tr>
</tbody>
</table>
[/div]
[/table]

Basic

Professional

Ultimate

Feature 1
  • Supported
  • Supported
  • Supported
Feature 2
  • Supported
  • Supported
  • Supported
Feature 3
  • Not included
  • Supported
  • Supported
Feature 4
  • Not included
  • Supported
  • Supported
Feature 5
  • Not included
  • Not included
  • Supported
View details View details View details
Get full code
[table style="3"]
[div style="text-align:center"]
<table>
<thead>
<th></th>
<th><h3>Basic</h3></th>
<th><h3>Professional</h3></th>
<th><h3>Ultimate</h3></th>
</thead>
<tbody>
<tr>
<td><h5>Feature 1</h5></td>
<td>
[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]
</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
</tr>
<tr>
<td><h5>Feature 2</h5></td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
</tr>
<tr>
<td><h5>Feature 3</h5></td>
<td>[list style="cross"]
<ul>
<li>Not included</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
</tr>
<tr>
<td><h5>Feature 4</h5></td>
<td>[list style="cross"]
<ul>
<li>Not included</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]</td>
</tr>
<tr>
<td><h5>Feature 5</h5></td>
<td>[list style="cross"]
<ul>
<li>Not included</li>
</ul>
[/list]</td>
<td>[list style="cross"]
<ul>
<li>Not included</li>
</ul>
[/list]</td>
<td> [list style="check"]
<ul>
<li>Supported</li>
</ul>
[/list]
</td>
</tr>
<tr>
<td></td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"]View details[/button]</td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"]View details[/button]</td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"]View details[/button]</td>
</tr>
</tbody>
</table>
[/div]
[/table]

Our new product

599$
  • Body
  • Lens
  • Accessories
Details
899$
  • Body
  • Lens
  • Accessories
Details
999$
  • Body
  • Lens
  • Accessories
Details
Get full code
[table style="3"]
[div style="text-align:center"]
<table>
<thead>
<th><h1> Our new product </h1></th>
</thead>
<tbody>
<tr><td> <img src="http://www.mnkystudio.com/dot_test2/wp-content/uploads/2011/09/ISGNX101855_1.jpg"></img> </td> </tr>
<tr>
<td><h5>599$</h5></td>
<td>
[list style="check"]
<ul>
<li>Body</li>
</ul>
[/list]
</td>
<td>[list style="cross"]
<ul>
<li>Lens</li>
</ul>
[/list]</td>
<td>[list style="cross"]
<ul>
<li>Accessories</li>
</ul>
[/list]</td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"] Details [/button]</td>
</tr>
<tr>
<td><h5>899$</h5></td>
<td>
[list style="check"]
<ul>
<li>Body</li>
</ul>
[/list]
</td>
<td>[list style="check"]
<ul>
<li>Lens</li>
</ul>
[/list]</td>
<td>[list style="cross"]
<ul>
<li>Accessories</li>
</ul>
[/list]</td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"] Details [/button]</td>
</tr>
<tr>
<td><h5>999$</h5></td>
<td>
[list style="check"]
<ul>
<li>Body</li>
</ul>
[/list]
</td>
<td>[list style="check"]
<ul>
<li>Lens</li>
</ul>
[/list]</td>
<td>[list style="check"]
<ul>
<li>Accessories</li>
</ul>
[/list]</td>
<td>[button link="#" color="#f6b440" size="1" style="1" dark="1" square="0" target="self"] Details [/button]</td>
</tr>
</tbody>
</table>
[/div]
[/table]