CODE
<div style="width: 560px; background: #ddd; border-radius: 5px 5px 5px 5px; padding: 20px;"> <div style="width: 520px; background: #f1f1f1; border-radius: 5px 5px 5px 5px; margin-bottom: 15px; padding: 20px;"><table cellpadding=0 cellspacing=0>
<td><div style="width: 230px; height: 95px; background: url(https://i.pinimg.com/564x/b5/d3/cc/b5d3ccb6f508b9683f12b582fb58e8e9.jpg); background-size: cover; background-position-y: -80px; border-radius: 5px 5px 5px 5px; margin-bottom: 10px;"></div> <div style="width: 190px; height: 55px; background: #ddd; font-family: calibri; font-size: 8px; color: #666; text-transform: uppercase; border-radius: 5px 5px 5px 5px; padding: 20px;"><table cellspacing="0" cellpadding="0" width="100%" style="text-align: center">
<tr>
<td colspan="7" style="font-size: 8px; color: #aaa; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; line-height: 8px; padding-bottom: 8px;">[color=#547b94]brooklyn baby[/color]
lana del rey</td>
</tr>
<tr>
<td></td>
<td><i class="fas fa-random" style="color: #bbb; font-size: 10px;"></i></td>
<td><i class="fas fa-step-backward" style="color: #bbb; font-size: 10px;"></i></td>
<td><i class="far fa-pause-circle" style="color: #3c3c3c; font-size: 22px;"></i></td>
<td><i class="fas fa-step-forward" style="color: #bbb; font-size: 10px;"></i></td>
<td><i class="fas fa-redo" style="color: #bbb; font-size: 10px;"></i></td>
<td></td>
</tr>
<tr>
<td style="font-size: 8px; color: #999">1:47</td>
<td colspan="2"><div style="background: #3c3c3c; height: 2px"></div></td>
<td colspan="3"><div style="background: #bbb; height: 2px"></div></td>
<td style="font-size: 8px; color: #999">4:07</td>
</tr>
</table></div></td>
<td><div style="width: 200px; height: 160px; background: #ddd; border-radius: 5px 5px 5px 5px; padding: 20px; margin-left: 10px;"><div style="overflow-y: scroll; width: 195px; height: 160px; font-family: calibri; font-size: 10px; color: #666; padding-right: 5px;"><div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">nickname</div> Amphytrite
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">nombres</div> Cordelia Cyzarine
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">apellidos</div> Greengrass
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">nacionalidad</div> Rusa
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">nacimiento</div> 31 de octubre
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">edad</div> 16 años
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">o. sexual</div> <del>Por descubrir.</del>
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">estado civil</div> Soltera.
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">alineación</div> Neutral Buena.
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">genética</div> Bruja de Sangre Pura.
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">residencia</div> Desconocido.
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">patronus</div> Cisne Blanco.
<div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">boggart</div> Desconecido.
</div></div></td>
<td><span style="font-family: calibri; font-size: 9px; line-height: 10px; color: #f1f1f1; text-align: center; letter-spacing: 1px; text-transform: uppercase; writing-mode: tb-rl; width: 10px; overflow: hidden; height: 180px; border-radius: 5px 5px 5px 5px; padding: 10px; background: #547b94; margin-left: 10px;"><u>call</u> <u>me</u> <u>coco</u></span></td>
</table></div> <table cellpadding=0 cellspacing=0>
<td><div style="width: 310px; height: 125px; background: #f1f1f1; border-radius: 5px 5px 5px 5px; padding: 20px;"> <div style="overflow: hidden; width: 310px; height: 125px;"><a id="psique"></a><div style="overflow-y: scroll; width: 305px; height: 125px; font-family: calibri; font-size: 10px; color: #666; text-align: justify; padding-right: 5px;"> <span style="background-color: #547b94; color: #fff; padding: 1px; font-size: 8px; text-transform: uppercase;">descripción psicológica</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> <div style="overflow: hidden; width: 310px; height: 125px;"><a id="físico"></a><div style="overflow-y: scroll; width: 305px; height: 125px; font-family: calibri; font-size: 10px; color: #666; text-align: justify; padding-right: 5px;"> <span style="background-color: #547b94; color: #fff; padding: 1px; font-size: 8px; text-transform: uppercase;">descripción física</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div> </div></div></div> <table cellpadding=0 cellspacing=0>
<td><div style="width: 120px; height: 10px; background: #547b94; font-family: calibri; font-size: 8px; color: #f1f1f1; text-transform: uppercase; line-height: 10px; text-align: center; border-radius: 5px 5px 5px 5px; padding: 10px; margin-top: 5px; margin-right: 5px;"><b>descripciones</b></div></td>
<td><a href="#psique"><div style="width: 80px; height: 10px; background: #f1f1f1; font-family: calibri; font-size: 8px; color: #547b94; text-transform: uppercase; line-height: 10px; text-align: center; border-radius: 5px 5px 5px 5px; padding: 10px; margin-top: 5px; margin-right: 5px;">psique</div></a></td>
<td><a href="#físico"><div style="width: 80px; height: 10px; background: #f1f1f1; font-family: calibri; font-size: 8px; color: #547b94; text-transform: uppercase; line-height: 10px; text-align: center; border-radius: 5px 5px 5px 5px; padding: 10px; margin-top: 5px;">físico</div></a></td>
</table></td>
<td><div style="width: 200px; height: 200px; background: url(https://i.pinimg.com/564x/53/a8/e3/53a8e3d6c9033d54bf86c1afaf2bc4c7.jpg); background-size: cover; border-radius: 5px 5px 5px 5px; margin-left: 10px;"></div></td>
</table><table cellpadding=0 cellspacing=0>
<td><div style="width: 200px; height: 195px; background: #f1f1f1; border-radius: 5px 5px 5px 5px; padding: 20px; margin-top: 10px;"><div style="overflow-y: scroll; width: 195px; height: 195px; font-family: calibri; font-size: 10px; color: #666; text-align: justify; padding-right: 5px;"> <div style="float: left; height: 3px; font-family: calibri; font-size: 8px; color:#666; line-height: 3px; text-transform:uppercase; letter-spacing:1.5px; border: 1px solid rgba(170, 170, 170, 0.09); padding:5px; margin-right: 5px; ">pasivas [color=#547b94]permanentes[/color] de coco</div>
<ul><li>[color=#547b94]pasiva_nombre[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>[color=#547b94]pasiva_nombre[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>[color=#547b94]pasiva_nombre[/color] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li></ul>
</div></div></td>
<td><div style="width: 270px; height: 105px; background: #f1f1f1; border-radius: 5px 5px 5px 5px; padding: 20px; margin-top: 10px; margin-left: 10px;"><marquee direction="up" scrollamount="4" height="105" width="270"><table cellspacing="0" cellpadding="0">
<td><div style="width: 40px; height: 40px; background: #547b94; border-radius: 5px 0px 0px 5px; padding: 15px; text-align: center;"><i class="fa fa-user" style="color: #f1f1f1; font-size: 40px;"></i></div></td>
<td><div style="width: 170px; height: 40px; background: #ddd; font-family: calibri; font-size: 8px; color: #0a0a0a; text-transform: uppercase; border-radius: 0px 5px 5px 0px; padding: 15px;"> <div style="width: 155px; padding: 0 5px; height: 15px; border-bottom: 3px solid #547b94; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">lucille l. greengrass | crisantemo</div> <div style="width: 155px; padding: 0 5px; height: 15px; margin-top: 5px; border-bottom: 3px solid #547b94; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">melliza | [URL=?t=62951882][color=#666]link de ficha[/color][/URL]</div> </div></td>
</table>
<table cellspacing="0" cellpadding="0">
<td><div style="width: 40px; height: 40px; background: #547b94; border-radius: 5px 0px 0px 5px; padding: 15px; text-align: center;"><i class="fa fa-user" style="color: #f1f1f1; font-size: 40px;"></i></div></td>
<td><div style="width: 170px; height: 40px; background: #ddd; font-family: calibri; font-size: 8px; color: #0a0a0a; text-transform: uppercase; border-radius: 0px 5px 5px 0px; padding: 15px;"> <div style="width: 155px; padding: 0 5px; height: 15px; border-bottom: 3px solid #547b94; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">nombre | keko</div> <div style="width: 155px; padding: 0 5px; height: 15px; margin-top: 5px; border-bottom: 3px solid #547b94; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">vínculo | [URL=?t=???][color=#666]link de ficha[/color][/URL]</div> </div></td>
</table></marquee></div> <div style="padding-top: 10px; padding-left: 10px"><iframe src="https://open.spotify.com/embed/track/1K39ty6o1sHwwlZwO6a7wK?utm_source=generator" width="100%" height="80" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe></div></td>
</table><table cellpadding=0 cellspacing=0>
<td><div style="width: 200px; height: 195px; background: url(https://i.imgur.com/Dh2xRoS.png); background-size: cover; border-radius: 5px 5px 5px 5px; margin-right: 10px; margin-top: 10px;"></div></td>
<td><div style="width: 310px; height: 155px; background: #f1f1f1; border-radius: 5px 5px 5px 5px; padding: 20px; margin-top: 10px;"><div style="overflow-y: scroll; width: 305px; height: 155px; font-family: calibri; font-size: 10px; color: #666; text-align: justify; padding-right: 5px;"> <span style="background-color: #547b94; color: #fff; padding: 1px; font-size: 8px; text-transform: uppercase;">baúl de pertenencias</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div></div></td>
</table> <div style="width: 540px; height: 20px; background: #547b94; border-radius: 5px 5px 5px 5px; padding: 10px; margin-top: 10px;"><div style="float: left; width: 400px; font-family: calibri; font-size: 8px; color: #f1f1f1; text-transform: uppercase; letter-spacing:1px; line-height:11px;text-align: left;">They say I'm too young to love you. They say I'm too dumb to see.
They judge me like a picture book: by the colors, like they forgot to read.
</div> <div style="float: right; width: 80px; font-family: calibri; font-size: 8px; color: #f1f1f1; text-transform: uppercase; letter-spacing:1px; line-height:11px;text-align: right;">code by
<span style="font-family:arial black;font-size:9px;text-transform:uppercase;color:#f1f1f1">gwyneth</span>
</div></div> </div>