личное дело
[html]
<center>
<div class="persfile"><div class="upfon"><img src="https://forumstatic.ru/files/001b/ef/a9/42532.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/vmNDorl.jpg"></div>
<div class="persinfo">
<div class="persname">Agatha Olivia Wilkes</div>
<div class="perscitata">Every step you take<br>
I'll be watching you</div>
<div class="persdata">
<div class="persdataline">► <p>чистокровная</p></div>
<div class="persdataline">► <p>Слизерин, выпуск 87-го</p></div>
<div class="persdataline">► <p>владелица лавки "Волшебное Оборудования для Умников" в Хогсмиде</p></div>
<div class="persdataline">► <p>безалкогольный тыквенный грог, кошачий облик, эксперименты с выпечкой, ночные прогулки</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/BsMwK13.png">
</div>
</div>
<!------------ СЮДА СТАВИМ ПОДАРКИ ------------->
<div id="content-3">
<div class="perspodarok">
<img src="КАРТИНКА" title="текст">
</div>
</div>
</div>
</div>
</center>
[/html]