Код:
<div class='character'><section class='personalpage'>
<div class='charinfo'>
<img src='https://i.pinimg.com/736x/e0/55/bf/e055bf7916056a839e12565780486bf0.jpg' class='charav'>
<a href='#' class='dnm'>имя фамилия, 00</a>
<span>Ты будешь вынужден поступать неправедно, куда бы ты ни пошел. Жизнь в том и состоит, чтобы идти против своей природы. Рано или поздно это приходится делать каждому живому существу. Это кромешная тьма, крах любого творения, проклятье любой работы, проклятье, иже питает всю жизнь. Везде, во всей Вселенной.
</span>
<img src='https://forumstatic.ru/files/001c/be/2e/37085.png' class='fr'>
</div>
<div class="vtabs-wrapper">
<div class="vtabs-cont">
<div class="vtab-buttons">
<button class="vtab-btn">Вкладка 1</button>
<button class="vtab-btn">Вкладка 2</button>
<button class="vtab-btn">Вкладка 3</button>
<button class="vtab-btn">Вкладка 4</button>
<button class="vtab-btn">Вкладка 4</button>
</div>
<div class="vtab-content first-tab active"><div>
<div data-title='купоны' class='pp-coupons'><div>
<coupon><num>1</num><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><ttl>название купона</ttl></coupon>
<coupon><num>1</num><img src='https://forumstatic.ru/files/001c/be/2e/21044.png'><ttl>название купона</ttl></coupon>
<coupon><num>88</num><img src='https://forumstatic.ru/files/001c/be/2e/80000.png'><ttl>название купона</ttl></coupon>
<coupon><num>11</num><img src='https://forumstatic.ru/files/001c/be/2e/80000.png'><ttl>название купона</ttl></coupon>
<coupon><num>1</num><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><ttl>название купона</ttl></coupon>
<coupon><num>1</num><img src='https://forumstatic.ru/files/001c/be/2e/21044.png'><ttl>название купона</ttl></coupon>
<coupon><num>88</num><img src='https://forumstatic.ru/files/001c/be/2e/80000.png'><ttl>название купона</ttl></coupon>
<coupon><num>11</num><img src='https://forumstatic.ru/files/001c/be/2e/80000.png'><ttl>название купона</ttl></coupon>
</div></div>
<div data-title='достижения' class='pp-achievements'><div>
<achiev><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><ttl>название купона</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/be/2e/21044.png'><ttl>название купона</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/be/2e/80000.png'><ttl>название купона</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/be/2e/80000.png'><ttl>название купона</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><ttl>название купона</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/be/2e/21044.png'><ttl>название купона</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/be/2e/80000.png'><ttl>название купона</ttl></achiev>
<achiev><img src='https://forumstatic.ru/files/001c/be/2e/80000.png'><ttl>название купона</ttl></achiev>
</div></div>
<div data-title='плашки' class='pp-plaques'><div>
<div class="plaque"><p>If you don't know what forever feels like</p><p>I'll show you what it feels like without it</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>If you don't know what forever feels like</p><p>I'll show you what it feels like without it</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>If you don't know what forever feels like</p><p>I'll show you what it feels like without it</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
<div class="plaque"><p>первая строка текста</p><p>вторая строка текста</p></div>
</div></div>
</div></div>
<div class="vtab-content" ><div>
<div data-title='артефакты' class='pp-artifacts'><div>
<artifact><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><h5>название артефакта</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span><a href='#'>читать описание</a></artifact>
<artifact><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><h5>название артефакта</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span><a href='#'>читать описание</a></artifact>
<artifact><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><h5>название артефакта</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span><a href='#'>читать описание</a></artifact>
<artifact><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><h5>название артефакта</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span><a href='#'>читать описание</a></artifact>
<artifact><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><h5>название артефакта</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span><a href='#'>читать описание</a></artifact>
<artifact><img src='https://forumstatic.ru/files/001c/be/2e/54092.png'><h5>название артефакта</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span><a href='#'>читать описание</a></artifact>
</div></div>
</div></div>
<div class="vtab-content"><div>
<div data-title='питомцы' class='pp-pets'><div>
<pet><h5>имя питомца</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span></pet>
<pet><h5>имя питомца</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span></pet>
<pet><h5>имя питомца</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span></pet>
<pet><h5>имя питомца</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span></pet>
</div></div>
</div></div>
<div class="vtab-content"><div>
<div data-title='инвентарь' class='pp-inventory'><div>
<item><img src='https://forumstatic.ru/files/001c/be/2e/37085.png'><h5>название айтема</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span></item>
<item><img src='https://forumstatic.ru/files/001c/be/2e/37085.png'><h5>название айтема</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого</span></item>
<item><img src='https://forumstatic.ru/files/001c/be/2e/37085.png'><h5>название айтема</h5><span>Сабля с широким, слегка изогнутым клинком</span></item>
<item><img src='https://forumstatic.ru/files/001c/be/2e/37085.png'><h5>название айтема</h5><span>Сабля с широким, слегка изогнутым клинком</span></item>
<item><img src='https://forumstatic.ru/files/001c/be/2e/37085.png'><h5>название айтема</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span></item>
<item><img src='https://forumstatic.ru/files/001c/be/2e/37085.png'><h5>название айтема</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого</span></item>
<item><img src='https://forumstatic.ru/files/001c/be/2e/37085.png'><h5>название айтема</h5><span>Сабля с широким, слегка изогнутым клинком</span></item>
<item><img src='https://forumstatic.ru/files/001c/be/2e/37085.png'><h5>название айтема</h5><span>Сабля с широким, слегка изогнутым клинком</span></item>
</div></div>
</div></div>
<div class="vtab-content"><div>
<div data-title='баффы / дебаффы' class='pp-bonuses'><div>
<bonus class='buff'><h5>название баффа / дебаффа</h5><span>Сабля с широким, слегка изогнутым клинком</span></bonus>
<bonus class='debuff'><h5>название баффа / дебаффа</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого</span></bonus>
<bonus class='debuff'><h5>название баффа / дебаффа</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого</span></bonus>
<bonus class='buff'><h5>название баффа / дебаффа</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span></bonus>
<bonus class='debuff'><h5>название баффа / дебаффа</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого</span></bonus>
<bonus class='buff'><h5>название баффа / дебаффа</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого, почти чёрного цвета, отполированных до тусклого, но благородного блеска.</span></bonus>
<bonus class='debuff'><h5>название баффа / дебаффа</h5><span>Сабля с широким, слегка изогнутым клинком, собранным из десятка треугольных зубных фрагментов тёмно-серого</span></bonus>
</div></div>
</div></div>
</div>
</div>
</section></div>- Подпись автора
Эффектная подпись
