Tables and lists

Not something really that special to showcase, but these are very useful when setting up your theme's content.

Arrow list

Get the code:
[arrow_list]
<ul>
   <li>probo feugiat alienum pro</li>
   <li>fierent prodesset mea</li>
   <li>nam recusabo definitiones, eu nec nonumy ignota torquatos</li>
   <li>ex autem eruditi pertinacia vix, postulant iracundia sea</li>
   <li>augue dicta tollit qui ei</li>
</ul>
[/arrow_list]

Bullet list

Get the code:
<ul>
   <li>probo feugiat alienum pro</li>
   <li>fierent prodesset mea</li>
   <li>nam recusabo definitiones, eu nec nonumy ignota torquatos</li>
   <li>ex autem eruditi pertinacia vix, postulant iracundia sea</li>
   <li>augue dicta tollit qui ei</li>
</ul>

Numbered list

  1. probo feugiat alienum pro
  2. fierent prodesset mea
  3. nam recusabo definitiones, eu nec nonumy ignota torquatos
  4. ex autem eruditi pertinacia vix, postulant iracundia sea
  5. augue dicta tollit qui ei
Get the code:
<ol>
   <li>probo feugiat alienum pro</li>
   <li>fierent prodesset mea</li>
   <li>nam recusabo definitiones, eu nec nonumy ignota torquatos</li>
   <li>ex autem eruditi pertinacia vix, postulant iracundia sea</li>
   <li>augue dicta tollit qui ei</li>
</ol>

Table in action

Prodesset Ornatus Interesset Comprehensam Mandamus
Eam hinc Prompta oportere Deterruisset Lorem ipsum Appellantur
Appellantur Ornatus Interesset Scripserit Sefinitionem
Prodesset Aeterno Homero Eam hinc Mandamus oportere
Vivendum 442 eam 6783 set 139 euismod 1277 rec
Deterruisset Scripserit Interesset Comprehensam Vivendum
Vivendum 442 eam 6783 set 139 euismod 1277 rec
Deterruisset Scripserit Interesset Comprehensam Vivendum
Get the code:
<table class="int-tbl" cellspacing="0" cellpadding="0">
<thead>
<tr>
<td>Prodesset</td>
<td>Ornatus</td>
<td>Interesset</td>
<td>Comprehensam</td>
<td>Mandamus</td>
</tr>
</thead>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
<tbody>
<tr class="odd">
<td>Eam hinc</td>
<td>Prompta oportere</td>
<td>Deterruisset</td>
<td>Lorem ipsum</td>
<td>Appellantur</td>
</tr>
<tr>
<td>Appellantur</td>
<td>Ornatus</td>
<td>Interesset</td>
<td>Scripserit</td>
<td>Sefinitionem</td>
</tr>
<tr>
<td>Prodesset</td>
<td>Aeterno</td>
<td>Homero</td>
<td>Eam hinc</td>
<td>Mandamus oportere</td>
</tr>
<tr>
<td>Vivendum</td>
<td>442 eam</td>
<td>6783 set</td>
<td>139 euismod</td>
<td>1277 rec</td>
</tr>
<tr>
<td>Deterruisset</td>
<td>Scripserit</td>
<td>Interesset</td>
<td>Comprehensam</td>
<td>Vivendum</td>
</tr>
<tr>
<td>Vivendum</td>
<td>442 eam</td>
<td>6783 set</td>
<td>139 euismod</td>
<td>1277 rec</td>
</tr>
<tr>
<td>Deterruisset</td>
<td>Scripserit</td>
<td>Interesset</td>
<td>Comprehensam</td>
<td>Vivendum</td>
</tr>
</tbody>
</table>

Note: for tables on full width page, use the class full-tbl instead of int-tbl.