quadro com nome do lado das infos e um gif icon

<center>

  <div style="width:700px;padding-top:1px;">

<div style="padding-top:50px;">

  <div style="color:#000;font-family:trebuchet ms;font-size:8px;width:700px;letter-spacing:0.6px;text-align:justify;text-transform:uppercase;line-height:80%;border:1px solid #BF9000;padding:5px">Hermes's son<font color="#BF9000"> — </font> Areté: friendly / Híbridis: dishonest <font color="#BF9000"> — </font> fifth level <font color="#BF9000"> — </font> twenty-six years // <b> <big> <a href="FICHA AQUI"><font color="#BF9000">STEVEN DAUGHERTY</a></big>
ㅤㅤㅤ
 </b></font> &nbsp;020 hp | 150 ep</div>

<center>
  <div style="width:700px;background:#BF9000;"><center><div style="font-family:'TIMES NEW ROMAN';font-size:10px;line-height:80%;text-align:justify;color:#fff; width:690px;"><i><br>" alguma frase aqui  se quiser ou não, enrola pra preencher o espaço mas não pode deixa virar duas linhas ou vai bugar mas se n quiser só apaga aqui" </i><br><br></div></center></div>



<div style="padding-left:12px;width:100px; margin-left:604px; margin-top:-81px">
<img src="https://64.media.tumblr.com/1f22cd7dfc09b3bf9845acbb91e82719/tumblr_inline_p9nwbjK4B41vkuvtd_100.gifv" style="width:80px; border-right:1px solid #BF9000;" ><br>
  </div>
 <center>     <div style="font-family:verdana;color:#000;text-align:justify;font-size:11.5px;padding:30px;line-height:13px; background:#fff; width:700px; margin-top:-2px;  border-bottom:1px solid #BF9000; border-left:1px solid #BF9000; border-right:1px solid #BF9000;background:#FFF">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus, leo a semper euismod, ligula metus congue diam, a ultricies arcu libero non erat. Mauris ut ligula sed arcu cursus egestas non non lorem. Duis egestas risus nibh, at sollicitudin nisi fermentum at. Ut rhoncus est dolor, eu scelerisque ante ornare ut. <font color="#BF9000"><b> ── no puedo! estoy a hacer html ──</b></font> Praesent ornare, sapien non iaculis ornare, lorem enim tincidunt orci, et sodales mauris nulla id massa. Sed ornare iaculis cursus. Nullam vestibulum id magna quis lacinia. Aliquam tincidunt tortor felis, vitae convallis lorem tristique et. Aliquam sodales hendrerit enim vel ornare. Ut rhoncus est dolor, eu scelerisque ante ornare ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In venenatis quam sed molestie porttitor. Sed urna ligula, blandit sit amet varius sed, cursus vel lorem. Ut rhoncus est dolor, eu scelerisque ante ornare ut. Nunc dictum et eros eget ultricies. Suspendisse ante augue, gravida nec lectus a, hendrerit aliquam massa. Sed rutrum volutpat ex eget placerat. Sed rutrum volutpat ex eget placerat.          <br>ㅤㅤㅤㅤㅤㅤLorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi luctus, leo a semper euismod, ligula metus congue diam, a ultricies arcu libero non erat. Mauris ut ligula sed arcu cursus egestas non non lorem. Duis egestas risus nibh, at sollicitudin nisi fermentum at. Ut rhoncus est dolor, eu scelerisque ante ornare ut. Duis ultricies lacus at massa tincidunt vehicula. Praesent ornare, sapien non iaculis ornare, lorem enim tincidunt orci, et sodales mauris nulla id massa. Sed ornare iaculis cursus. Nullam vestibulum id magna quis lacinia. Aliquam tincidunt tortor felis, vitae convallis lorem tristique et. Aliquam sodales hendrerit enim vel ornare. Ut rhoncus est dolor, eu scelerisque ante ornare ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In venenatis quam sed molestie porttitor. Sed urna ligula, blandit sit amet varius sed, cursus vel lorem. Ut rhoncus est dolor, eu scelerisque ante ornare ut. Nunc dictum et eros eget ultricies. Suspendisse ante augue, gravida nec lectus a, hendrerit aliquam massa. Sed rutrum volutpat ex eget placerat. Sed rutrum volutpat ex eget placerat.
</div><br>
  </center></center></div></div></center></div></center>