Код:
<!--HTML--><div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Я в Казани</a></li>
    <li><a href="#tab2">Отношения</a></li>
    <li><a href="#tab3">Подарки и награды</a></li>
</ul>
<div class="tab_container1">
    

    <div style="display: block;" id="tab1" class="tab_content">
        <div class="charabout">
            <img class="charpic" src="image png">
            <div>Информация</div>
            <div>Имя</div>
            <div>Статус</div>
            <div>Как давно в Казани</div>
            <div>Коротко о себе<br>Девиз или цитата</div>
        </div>
        
        <p class="finep" title="завершён"><b>dd.mm.yyyy</b> <a href="ссылка">Название эпизода</a> — Игрок 1 &amp; Игрок 2</p>
        <p class="actep" title="активен"><b>dd.mm.yyyy</b> <a href="ссылка">Название эпизода</a> — Игрок 1 &amp; Игрок 2</p>
        <p class="froep" title="заморожен"><b>dd.mm.yyyy</b> <a href="ссылка">Название эпизода</a> — Игрок 1 &amp; Игрок 2</p>
    </div>
    
    
    <div style="display: none;" id="tab2" class="tab_content">
        текст 2
    </div>
    
    
    <div style="display: none;" id="tab3" class="tab_content"> 
        <img src="https://forumstatic.ru/files/0017/ac/82/95286.png" title="подарок">
    </div>
    

</div>
</div>

      </div>
    </div>
</div>