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 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>
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 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>
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 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>
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 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>
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 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>
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 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>
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 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>
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 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>
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 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>
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 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>
