<link href='http://fonts.googleapis.com/css?family=Titillium+Web:300' rel='stylesheet' type='text/css'>

 

<style type="text/css">

#mcd1 { background-color:white; letter-spacing:0px; text-align:center; font-family:titillium web; font-size:10px; text-transform:uppercase; color:black; line-height:95%; width:200px; height:200px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity:0; }

#mcd1:hover { opacity:.8; }

#position1 { position:relative; top:70px; }

#position2 { position:relative; top:83px; }

b { color:#000000 !important; }

male { color:#000000 !important; }

female { color:#000000 !important; }

a:link { color:#b96946; }

a:visited { color:#b96946; }

a:hover { color:#b96946; }

a:active { color:#b96946; }

#credit { width:400px !important; text-align:right !important; font-size:8 !important; text-transform:uppercase !important; font-family:times new roman !important; }

#spacer { width:400px !important; height:1px !important; }

</style>

 

<center><div style="width:303px; padding-left:50px; padding-right:50px; padding-top:50px; padding-bottom:50px; background-color:#cccccc; text-align:justify; font-family:titillium web; font-size:11px; line-height:95%; text-transform:uppercase; color:#000000;"><div style="font-size:50px; letter-spacing:-3px; text-transform:lowercase; text-align:center;">title here</div><div style="width:300px; height:30px;"></div>

 

your description goes here. remember to read the description of this code so you understand how to add or remove character boxes!

 

</div>

<div id="spacer"></div>

<table>

 

<tr><td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>

no more<br>

than four<br>

or five<br>

short<br>

descriptions</div></div></div></td>

 

<td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>

no more<br>

than four<br>

or five<br>

short<br>

descriptions</div></div></div></td></tr>

 

<tr><td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>

no more<br>

than four<br>

or five<br>

short<br>

descriptions</div></div></div></td>

 

<td><div style="width:200px; height:200px; background-image:URL(http://placehold.it/200x200);"><div id="mcd1"><div id="position1"><maleORfemale>first m. last</maleORfemale><br>

no more<br>

than four<br>

or five<br>

short<br>

descriptions</div></div></div></td></tr>

 

 

</table>