личное дело
[html]
<center>
<div class="persfile"><div class="upfon"></div>
<div class="persinfotabs">
  <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
  <label for="tab-btn-1"><img src="">инфо</label>
  <input type="radio" name="tab-btn" id="tab-btn-2" value="">
  <label for="tab-btn-2"><img src="">плашки</label>
  <input type="radio" name="tab-btn" id="tab-btn-3" value="">
  <label for="tab-btn-3"><img src="">подарки</label>

<!------------ СЮДА СТАВИМ ВСЮ ИНФУ ------------->
  <div id="content-1">
    <div class="persava"><img src="https://64.media.tumblr.com/c5e6b760d4ee1236b092b685691ecfff/16271a5a78ae49c3-6f/s250x400/5db710c4991b68ff5611b4756c030b53b0f9ff3e.gifv"></div>
<div class="persinfo">
<div class="persname">Jasper Nott</div>
<div class="perscitata">Вселенная не добрая и не злая, ей просто всё равно.</div>
<div class="persdata">
<div class="persdataline"><img src=""> <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/X68JeP8.png"> <p>дуэльный клуб; кружок астрономии</p></div>
<div class="persdataline"><img src="https://i.imgur.com/fDmufPR.png"> <p><a href="http://hogwartslegacy.rusff.me/">карамель</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/qW5Dn97.gif">
<img src="https://i.imgur.com/BsMwK13.png">

</div>
  </div>

<!------------ СЮДА СТАВИМ ПОДАРКИ ------------->
  <div id="content-3">
    <div class="perspodarok">
<img src="КАРТИНКА" title="текст">

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