личное дело
[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/d6a438a59b977bcbefa72376125581e7/500dcb1442e4d41b-4c/s400x600/4fa267a62f454fbf2094e18fc404b8b40ac81a9d.pnj"></div>
<div class="persinfo">
<div class="persname">Audrey Podmore</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=97">Ты</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/DBPKMeY.gif">
<img src="https://i.imgur.com/BsMwK13.png">
</div>
</div>
<!------------ СЮДА СТАВИМ ПОДАРКИ ------------->
<div id="content-3">
<div class="perspodarok">
<img src="https://i.imgur.com/6RYpm96.png" title="Легаси полгода">
</div>
</div>
</div>
</div>
</center>
[/html]