[dohtml]<link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
<style>
.uno { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }
.uno:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #E32222;float:right; color: black; }
.dos { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }
.dos:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #bb0f58;float:right; color: black; }
.tres { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100;}
.tres:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #568c69;float:right; color: black; }
.cuatro { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100;}
.cuatro:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #4857a1;float:right; color: black; }
.cinco { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }
.cinco:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #52271a;float:right; color: black; }
.seis { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }
.seis:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #ebe366;float:right; color: black; }
.siete { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }
.siete:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #f4ac00;float:right; color: black; }
.ocho { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }
.ocho:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #88a4c1;float:right; color: black; }
.nueve { width: 100px; height: 152px; margin-left: 2px; background-color: #9c9c9c;float:right; -webkit-transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; font-family: lato; font-size: 18px; letter-spacing: -1px; color: #9c9c9c; line-height: 90%; text-align: center; font-weight: 100; }
.nueve:hover { width: 100px; height: 152px; margin-left: 2px; background-color: #ba1f8c;float:right; color: black; }
.trait { text-align: center;width: 100px; height: 10px; background-color: #9c9c9c; margin-bottom: 3px; font-family: lato; font-size: 9px; text-transform: uppercase; letter-spacing: -.3px; line-height: 100%; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; font-weight: 100; }
.trait:hover { text-align: center;width: 100px; height: 10px; background-color: #9c9c9c; margin-bottom: 3px; font-family: lato; font-size: 9px; text-transform: uppercase; letter-spacing: 1.5px; line-height: 100%; font-weight: 100; }
.lename { text-align: center;width: 202px; height: 8px; font-family:lato; font-size: 30px; text-transform: lowercase; letter-spacing: -1px; color: black; background-color: #9c9c9c;margin-top: 10px; margin-bottom: 5px; line-height: 5%; font-weight: 100; }
</style>
<center>
<table border="0" cellpadding="5" cellspacing="0"><tr><td>
<div align="left" style="width: 202px;">
<div class="lename">char one</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="dos"><p> “SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/D7SXE.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait/div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 2</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="seis"><p> “SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/sw2t7.png);"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 3</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="cinco"><p>“SOME<p>SASSY<p>TEXT” </div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/1zt3T.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td></tr>
<tr><td>
<div align="left" style="width: 202px;">
<div class="lename">char 4</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="uno"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/1s7z1.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 5</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="nueve"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/Y8I5l.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 6</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="seis"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/1DKmh.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td></tr>
<tr><td>
<div align="left" style="width: 202px;">
<div class="lename">char 7</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="tres"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/CLcN8.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 8</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="cinco"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/Ko8ob.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 9</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="ocho"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/GogrL.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td></tr>
<tr><td>
<div align="left" style="width: 202px;">
<div class="lename">char 10</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="dos"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/G2FOM.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 11</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="uno"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/dMC9M.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 12</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="cinco"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/H2nsr.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td></tr>
<tr><td>
<div align="left" style="width: 202px;">
<div class="lename">char 13</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="cinco"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/nfrno.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 14</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="siete"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/02TKP.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td>
<td>
<div align="left" style="width: 202px;">
<div class="lename">char 15</div>
<div style="width: 202px; height: 2px; border-top: 1px dotted black; margin-bottom: 5px;"></div>
<a href="URL TO APP OR SOMETHING"><div class="cuatro"><p>“SOME<p>SASSY<p>TEXT”</div></a>
<div style="width: 100px; height: 100px; background-image: url('http://i.imgur.com/I7RhK.png');"></div>
<div style="height: 3px;"></div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
<div class="trait">trait</div>
</div> </td></tr>
</table>
</center>[/dohtml]