Table with Predefined Colors
Curabitur a velum purus. Nam vel risus a elit malesuada dictum. Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum. Suspendisse non quam enim. Nam elit orci, vestibulum et mattis ullamcorper, venenatis a urna. Donec vel ullamcorper dui.
Orange
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="orange"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
Gray
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="gray"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
White
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="white"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
Blue
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="blue"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
Yellow
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="yellow"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
Red
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="red"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
Black
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="black"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
Green
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="green"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
Pink
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="pink"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]
Purple
Column 1 |
Column 2 |
Column 3 |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
Maecenas lacinia orci at neque |
Sit amet |
Consectetur adipiscing |
[table color="purple"]
<table width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th style="width:30%">Column 1</th>
<th style="width:30%">Column 2</th>
<th style="width:30%">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Maecenas lacinia orci at neque</td>
<td><a href="">Sit amet</a></td>
<td>Consectetur adipiscing</td>
</tr>
</tbody>
</table>
[/table]