Tables

Screenshot

Chaos table

Markup

<table class="table chaos-table table-striped">
    <thead>
        <tr>
        <th>Name</th>
        <th>Position</th>
        <th>Email</th>
        <th>Phone</th>
    </tr>
    </thead>
    <tbody>
        <tr>
            <td> <a href="#" class="name-avatar">
              <div class="avatar avatar-xs"><img src="../../assets/img/avatars/01.jpg" alt="Owl Image"></div><span class="name">Abdulla, Tariq</span></a></td>
            <td>research fellow</td>
            <td class="bold"><a href="mailto:[e-mail]">[e-mail]</a></td>
            <td>[phone]</td>
        </tr>
        <tr>
            <td> <a href="#" class="name-avatar">
              <div class="avatar avatar-xs"><img src="../../assets/img/avatars/02.jpg" alt="Owl Image"></div><span class="name">Ahmad, Irqufen</span></a></td>
            <td>research fellow</td>
            <td class="bold"><a href="mailto:[e-mail]">[e-mail]</a></td>
            <td>[phone]</td>
        </tr>
        ...
    </tbody>
</table>

Variations

You can also use bootstrap table variations.