личное дело
[html]
<center>
<div class="persfile"><div class="upfon"><img src="https://i.imgur.com/GBlSqxL.png"></div>
<div class="persinfotabs">
  <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
  <label for="tab-btn-1"><img src="https://i.imgur.com/2Gc6LGK.png"></label>
  <input type="radio" name="tab-btn" id="tab-btn-2" value="">
  <label for="tab-btn-2"><img src="https://i.imgur.com/xtd0oiz.png"></label>
  <input type="radio" name="tab-btn" id="tab-btn-3" value="">
  <label for="tab-btn-3"><img src="https://i.imgur.com/CuTU67i.png"></label>

<!------------ СЮДА СТАВИМ ВСЮ ИНФУ ------------->
  <div id="content-1">
    <div class="persava"><img src="https://64.media.tumblr.com/6bed7bd438b829a79efc79835b52a7fd/95e3a635f288691a-25/s1280x1920/18c5a3f1c5958f806803ccffc025b6cedf7abeec.jpg"></div>
<div class="persinfo">
<div class="persname">maud platter</div>
<div class="perscitata">А подо мной Земля крутится как назло,<br>
будто бы ничего и не произошло</div>
<div class="persdata">
<div class="persdataline"><img src="https://i.imgur.com/s0i85pD.png"> <p>чистокровная</p></div>
<div class="persdataline"><img src="https://i.imgur.com/QFsuCXN.png"> <p>хаффлпафф, 6</p></div>
<div class="persdataline"><img src="https://i.imgur.com/fDmufPR.png"> <p><a href="http://hogwartslegacy.rusff.me/profile.php?id=70">ты</a> смотришь мне в глаза - не показалось, я делаю шаг назад</p></div>
</div>
</div>
  </div>

<!------------ СЮДА СТАВИМ ПЛАШКИ ------------->
  <div id="content-2">
    <div class="persplash">
<img src="https://i.imgur.com/VB1TCH5.jpg">
<img src="https://i.imgur.com/DziD0QJ.jpeg">
<img src="https://i.imgur.com/jSSYfWa.gif">
<img src="https://i.imgur.com/BsMwK13.png">

</div>
  </div>

<!------------ СЮДА СТАВИМ ПОДАРКИ ------------->
  <div id="content-3">
    <div class="perspodarok">
<img src="https://i.imgur.com/jt97CG9.png" title="За участие в Лотерее">
<img src="https://i.imgur.com/6RYpm96.png" title="Легаси полгода">

</div>
  </div>
</div>
</div>
</center>
[/html]