Table

<!– to create a darker table row, you must add the class even to a tr eg.

…

–>

Task Details	Progress	Vital Task
Create pretty table design	100%	Yes
Take the dog for a walk	100%	Yes
Waste half the day on Twitter	20%	No
Feel inferior after viewing Dribble	80%	No
Wince at “to do” list	100%	Yes
Vow to complete personal project	23%	yes
Procrastinate	80%	No
Hyperlink Example	80%	Another

[toggle title=”Code”]

<table class="table" cellspacing="0">
<tbody>
<tr>
<th>Task Details</th>
<th>Progress</th>
<th>Vital Task</th>
</tr>

<tr>
<td>Create pretty table design</td>
<td>100%</td>
<td>Yes</td>
</tr>

<tr class="even">
<td>Take the dog for a walk</td>
<td>100%</td>
<td>Yes</td>
</tr>

<tr>
<td>Waste half the day on Twitter</td>
<td>20%</td>
<td>No</td>
</tr>
<tr class="even">
<td>Feel inferior after viewing Dribble</td>
<td>80%</td>
<td>No</td>
</tr>
<tr>
<td>Wince at "to do" list</td>
<td>100%</td>
<td>Yes</td>
</tr>
<tr class="even">
<td>Vow to complete personal project</td>
<td>23%</td>
<td>yes</td>
</tr>
<tr>
<td>Procrastinate</td>
<td>80%</td>
<td>No</td>
</tr>
<tr class="even">
<td><a href="#yep-iit-doesnt-exist">Hyperlink Example</a></td>
<td>80%</td>
<td><a href="#inexistent-id">Another</a></td>
</tr>
</tbody>
</table>

[/toggle]