личное дело
[html]
<center>
<div class="persfile"><div class="upfon"><img src="https://forumstatic.ru/files/001b/d4/8f/28419.png"></div>
<div class="persinfotabs">
  <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
  <label for="tab-btn-1">инфо</label>
  <input type="radio" name="tab-btn" id="tab-btn-2" value="">
  <label for="tab-btn-2">плашки</label>
  <input type="radio" name="tab-btn" id="tab-btn-3" value="">
  <label for="tab-btn-3">подарки</label>

<!------------ СЮДА СТАВИМ ВСЮ ИНФУ ------------->
  <div id="content-1">
    <div class="persava"><img src="https://i.imgur.com/zUkYEfT.gif"></div>
<div class="persinfo">
<div class="persname">Stephen Smith</div>
<div class="perscitata">You are not angry<br>You are just hungry</div>
<div class="persdata">
<div class="persdataline">► <p>Чистокровный</p></div>
<div class="persdataline">► <p>Хаффлпафф, 7 курс</p></div>
<div class="persdataline">► <p>Вратарь хаффлпаффской команды</p></div>
<div class="persdataline">► <p>Мир, дружба, шоколад и любимая <a href="https://hogwartslegacy.rusff.me/profile.php?id=100">сестра</a></p></div>
</div>
</div>
  </div>

<!------------ СЮДА СТАВИМ ПЛАШКИ ------------->
  <div id="content-2">
    <div class="persplash">
<img src="https://i.imgur.com/g5yomPK.png">
<img src="https://forumupload.ru/uploads/001b/ef/a9/2/870848.gif">
<img src="https://forumupload.ru/uploads/001b/ef/a9/2/628657.png">
<img src="https://i.ibb.co/YyKf8JD/image.gif"></div>
  </div>

<!------------ СЮДА СТАВИМ ПОДАРКИ ------------->
  <div id="content-3">
    <div class="perspodarok">
<img src="https://i.imgur.com/NdvEWhq.png" title="От Тео: Вот тебе шар для прорицаний, иди с ним СОВ сдавать!">
<img src="https://i.imgur.com/qy69Xsm.png" title="Жду на покушать <3 (Джози)">
</div>
  </div>
</div>
</div>
</center>
[/html]

Подпись автора

© starling