Bon Appetit

<link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|Poiret+One|Josefin+Sans|Engagement' rel='stylesheet' type='text/css'>
<center><div id="nombrean">Nombre apellido</div><div id="cajitamovarriba1" style="background:url('http://via.placeholder.com/500x250');"><div id="cajitamovarriba2"><table><td width="294" height="235" valign="top"><div id="basean"><div id="personalidadan">DESCRIPCIÓN DE PERSONALIDAD
</div></div><div id="datoan">DATO</div><div id="datoan">DATO</div><div id="datoan" style="width:96px; margin-right: 0px;">DATO</div><div id="frasean">FRASE </div><div id="barra1"></div><div id="barra2"></div></td><td width="195" height="238" valign="top"><div id="cronotituloan">Cronología</div><div id="basecronoan"><div id="cronoan"><div id="postcrono"><a href="LINK A POST" style="color:#ffffff;">Titulo post</a></div>con X
<div id="postcrono"><a href="LINK A POST" style="color:#ffffff;">Titulo post</a></div>con X
</div></div></td></table></div></div>
<table cellpadding="20" cellspacing="20"><td><div id="baserelaan"><div id="cajitamovarriba33"><div id="fotorelaan" style="background:url(http://via.placeholder.com/220x140);"><div id="cajitamovarriba44"><div id="altocaja1"><div id="titulorelaan">Nombre apellido</div><div id="descrelaan">Descripción

</div></div></div></div></div></div></td><td><div id="baserelaan"><div id="cajitamovarriba33"><div id="fotorelaan" style="background:url(http://via.placeholder.com/220x140);"><div id="cajitamovarriba44"><div id="altocaja1"><div id="titulorelaan">Nombre apellido</div><div id="descrelaan">Descripción

</div></div></div></div></div></div></td>
<tr><td><div id="baserelaan"><div id="cajitamovarriba33"><div id="fotorelaan" style="background:url(http://via.placeholder.com/220x140);"><div id="cajitamovarriba44"><div id="altocaja1"><div id="titulorelaan">Nombre apellido</div><div id="descrelaan">Descripción

</div></div></div></div></div></div></td><td><div id="baserelaan"><div id="cajitamovarriba33"><div id="fotorelaan" style="background:url(http://via.placeholder.com/220x140);"><div id="cajitamovarriba44"><div id="altocaja1"><div id="titulorelaan">Nombre apellido</div><div id="descrelaan">Descripción

</div></div></div></div></div></div></td></tr>
</table><a href="http://angelheartcreations.tumblr.com/">-Angel♥</a></center>


<style type="text/css"> #cajitamovarriba1{width:500px;height:250px;overflow:hidden;border:5px solid #65A396} #cajitamovarriba2{background:transparent; overflow:hidden;width:500px;height:250px;position:relative;top:-250px;transition:ease-in-out 0.5s;-webkit-transition:ease-in-out 0.5s;-ms-transition:ease-in-out 0.5s;-moz-transition:ease-in-out 0.5s;} #cajitamovarriba1:hover #cajitamovarriba2{top:+3px;} #datoan{background: #65A396;display:inline-block; color: #ffffff;font-family: poiret one;font-size: 11px; margin-top: 2px; margin-right: 2px; padding:2px;text-align: center; text-transform: uppercase;letter-spacing:1px;height:18px; width:94px} #personalidadan{margin:10px; color:#ffffff; overflow:auto;height:155px;font-size:11px; font-family:Josefin Sans; text-align:justify; line-height:85%;} #cronoan{color:#ffffff; overflow:auto;height:159px;font-size:11px; font-family:Josefin Sans; text-align:center; padding:10px;} #postcrono{font-family:Alegreya Sans SC; font-size:14px; border-bottom: 1px solid #ffffff; letter-spacing:2px} #cajitamovarriba33 {background:transparent;width:220px;height:140px;overflow:hidden;} #cajitamovarriba44 {overflow:hidden;width:220px;height:140px; position:relative;top:-150px;transition:ease-in-out 0.5s;-webkit-transition:ease-in-out 0.5s;-ms-transition:ease-in-out 0.5s;-moz-transition:ease-in-out 0.5s;background:#292929} #cajitamovarriba33:hover #cajitamovarriba44{top:+0px;} #frasean{background: #65A396;display:inline-block; color: #ffffff;font-family: poiret one;font-size: 11px; margin-top: 2px;padding:2px;text-align: center; text-transform: uppercase;letter-spacing:1px;height:18px; width:296px} #nombrean{width:480px; font-family:Engagement;color:#F7E8D9;text-align:right; font-size:40px;text-shadow:1px 1px 1px #000000} #basean{height:175px; background:#474E5B;border-top:5px #65A396 solid;} #barra1{height:8px; background:#65A396; margin-top: 2px} #barra2{height:1px; background:#65A396; margin-top: 2px} #cronotituloan{border-top:14px solid #65A396; height:15px; background: #65A396;color: #ffffff;font-family: poiret one;font-size: 15px;text-align:center; text-transform:uppercase;border-bottom:13px solid #65A396;padding-left:20px} #basecronoan{height:199px; background:#474E5B;} #baserelaan{width:220px; height:140px;border:5px solid#82606B} #fotorelaan{width:220px; height:140px;  background-position:center;} #altocaja1{width:220px height:140px;} #titulorelaan{width:200px; height:20px;background:#82606B; font-family:Alegreya Sans SC; color:#ffffff;font-size:14px; text-align:center; padding: 0px 10px;} #descrelaan{width:220px;height:117px; overflow:auto; font-family:Alegreya Sans SC; color:#ffffff;font-size:12px; text-align:justify;line-height:10px;}</style>