<div class='character'>
    <div class="menu">
        <div class="menu-links">
            <!-- Вкладки меню -->
            <span alt="#sm1" onclick='showTab(this);' class="tabactive">персонаж</span>
            <span alt="#sm2" onclick='showTab(this);'>профиль</span>
            <span alt="#sm3" onclick='showTab(this);'>архив</span>
        </div>
    </div>

    <div id="submenu">
        <!-- Вкладка "Персонаж" -->
        <div id="sm1" class="submenutext" style="display:block;">
            <div class="personal_page-wrapper">
                
                <!-- Блок с информацией о персонаже -->
                <div class="personal_page-item page-item1 character-info">
                    <span class="personal_page-title">досье</span>
                    <div class="personal_page-ava">
                        <img src="https://forumstatic.ru/files/001b/eb/d6/20696.jpg">
                        <span>NKET | Меланхолик</span>
                    </div>
                    <ul class="personal_page-container">
                        <li><em>имя:</em> Хлоя Принс</li>
                        <li><em>дата рождения:</em> 27.08.2002</li>
                        <li><em>раса:</em> человек</li>
                        <li><em>город:</em> Синиструм / Чикаго, США</li>
                        <li><em>занятость:</em> ассистент владелицы галереи</li>
                        <li><em>способности:</em> нет</li>
                    </ul>
                    <a href="ссылка" class="personal_page-link">анкета</a>
                </div>

                <!-- Блок с артефактами -->
                <div class="personal_page-item page-item2 artifacts-info">
                    <span class="personal_page-title">артефакты</span>
                    <ul class="personal_page-container">
                        <li>
                            <i class="page-icons ring-icon"></i>
                            <div>
                                <span>кольцо-портал</span>
                                <p>золотое кольцо с небольшим рубином, по желанию Хлои превращает любую дверь в портал в квартиру родителей.</p>
                            </div>
                        </li>
                        <li>
                            <i class="page-icons ring-icon"></i>
                            <div>
                                <span>кольцо-защиты</span>
                                <p>деревянное кольцо из боярышника и смолы. защищает своего обладателя от чар очарования и внушения.</p>
                            </div>
                        </li>
                        <li>
                            <i class="page-icons rose-icon"></i>
                            <div>
                                <span>роза фейри</span>
                                <p>каждый год с нее опадает по лепестку, но пока у розы лепестки — ее владелец не стареет ни на день. подарок от Летнего Двора на совершеннолетие.</p>
                            </div>
                        </li>
                        <li>
                            <i class="page-icons heart-icon"></i>
                            <div>
                                <span>второй шанс</span>
                                <p>полученный в Костяных дворцах «подарок» от Фонарщика: артефакт вшит в грудь и даёт обладателю «дополнительную жизнь».</p>
                            </div>
                        </li>
                        <!-- Повторяющиеся элементы удалены для читаемости -->
                    </ul>
                    <span class="personal_page-quote">"По свойству своего характера Кити всегда в людях предполагала все самое прекрасное, и в особенности в тех, кого она не знала" ©</span>
                </div>

                <!-- Блок с твинами -->
                <div class="personal_page-item page-item3 twins-info">
                    <span class="personal_page-title">твины</span>
                    <ul class="personal_page-container">
                        <li>
                            <a href="ссылка" class="twins-link">ДОРАН РИД</a> - анкета <br>
                            фейри / возраст неизвестен / священник<br>
                            Чикаго, США / Синиструм
                        </li>
                        <li>
                            <a href="ссылка" class="twins-link">мэддок маддэй</a> - типа того что-то<br>
                            бессмертный / 25 лет / автомеханик<br>
                            Лондон, Великобритания
                        </li>
                        <!-- Остальные элементы аналогично -->
                    </ul>
                    <a href="ссылка" class="personal_page-link">личная тема</a>
                </div>

            </div>
        </div>

        <!-- Вкладка "Профиль" -->
        <div id="sm2" class="submenutext">
            <div class="personal_page-wrapper">
                
                <!-- Блок с фонами -->
                <div class="personal_page-item page-item1 bgs-info">
                    <span class="personal_page-title">фоны</span>
                    <ul class="personal_page-container">
                        <li><img src="https://forumstatic.ru/files/001b/ea/09/71614.png"></li>
                        <!-- Остальные изображения -->
                    </ul>
                </div>

                <!-- Блок с плашками -->
                <div class="personal_page-item page-item1 achiv-info">
                    <span class="personal_page-title">плашки</span>
                    <ul class="personal_page-container">
                        <li>
                            <div class="personal_banner">
                                <em>tell me about зе дейз бефор ай воз борн</em>
                                <img src="https://forumstatic.ru/files/001b/eb/d6/72255.png">
                            </div>
                        </li>
                        <!-- Остальные плашки -->
                    </ul>
                </div>

                <!-- Блок с наградами -->
                <div class="personal_page-item page-item1 awards-info">
                    <span class="personal_page-title">награды</span>
                    <ul class="personal_page-container">
                        <li>
                            <em class="awards-sum">3</em>
                            <p class="awards-desc">
                                <span class="awards-title">выкуп внешности</span>
                                <span class="awards-subtitle">на две недели</span>
                            </p>
                        </li>
                        <!-- Остальные награды -->
                    </ul>
                </div>

            </div>
        </div>

        <!-- Вкладка "Архив" -->
        <div id="sm3" class="submenutext">
            <div class="personal_page-wrapper">
                
                <!-- Блок с покупными достижениями -->
                <div class="personal_page-item page-item1 achiv-info">
                    <span class="personal_page-title">покупные</span>
                    <ul class="personal_page-container">
                        <li><img src="https://i.ibb.co/TMwTcqm/01.png"></li>
                        <!-- Остальные изображения -->
                    </ul>
                </div>

                <!-- Блок с ивентовыми достижениями -->
                <div class="personal_page-item page-item1 achiv-info">
                    <span class="personal_page-title">ивентовые</span>
                    <ul class="personal_page-container">
                        <li><img src="https://i.ibb.co/R9cdxPV/00.gif" title="кинопросмотр: русалочка"></li>
                        <!-- Остальные изображения -->
                    </ul>
                </div>

                <!-- Блок с ачивками -->
                <div class="personal_page-item page-item1 achiv-info">
                    <span class="personal_page-title">ачивки</span>
                    <ul class="personal_page-container">
                        <li><img src="https://i.ibb.co/5kg34TG/image.gif"></li>
                        <!-- Остальные ачивки -->
                    </ul>
                </div>

            </div>
        </div>

    </div>
</div>