личная страница (4 страницы)

[html]
<div class='charppage'>
<section class='personalpage'>

</div>

<div class='char-menu'><img src='https://upforme.ru/uploads/001c/ad/71/4/519411.png' class='page-bg'>
<div class='char-av-wrap mainchar'>
<img src='https://upforme.ru/uploads/001c/ad/71/4/271133.png' class='user-av'>
<a href='#'></a>
</div>
<charname>Name Surname</charname>
<charquote>Любая подходящая цитата или фраза</charquote>
<div class='char-basis'>
<loyalty>Лояльность</loyalty>
<charocc>Краткое описание деятельности...</charocc>
</div>
</div>

<div class="vtabs-wrapper"><div class="vtabs-cont"><div class="vtab-buttons">
<button class="vtab-btn active">игровое</button>
<button class="vtab-btn">организационное</button>
<button class="vtab-btn">оформление</button>
<button class="vtab-btn">коллекции</button>
</div>

<div class="vtab-content active">
<div class='pp-chron' data-title='эпизоды'><div>
<ep class='ep_1'>
<a href='#'>название эпизода</a> <a href='#'>name surname</a> & <a href='#'>name surname</a>, 1998
</ep>
</div></div>
<div class='pp-art' data-title='артефакты'><div>
<art>
<img src='https://forumstatic.ru/files/001c/af/2d/51277.png'>
<div>
<ttl>название артефакта</ttl>
<desc>очень краткое описание артефакта</desc>
</div>
</art>
<art>
<img src='https://forumstatic.ru/files/001c/af/2d/51277.png'>
<div>
<ttl>название артефакта</ttl>
<desc>очень краткое описание артефакта</desc>
</div>
</art>
<art>
<img src='https://forumstatic.ru/files/001c/af/2d/51277.png'>
<div>
<ttl>название артефакта</ttl>
<desc>очень краткое описание артефакта</desc>
</div>
</art>
</art>
</div></div>
<div class='pp-coupons' data-title='подписки'><div>
</div></div>
</div>

<div class="vtab-content">
<div class='pp-photo'><div>
</div></div>
<div class='pp-events' data-title='ивенты'><div>
</div></div>
<div class="pp-tarot" data-title="игровые задания"><div>
<tarot>
<img src='https://forumstatic.ru/files/001c/be/3c/37971.png'>
<div>
<ttl>название карты</ttl>
<desc>краткое описание карты</desc>
</div>
</tarot>
<tarot>
<img src='https://forumstatic.ru/files/001c/be/3c/37971.png'>
<div>
<ttl>название карты</ttl>
<desc>краткое описание карты</desc>
</div>
</tarot>
<tarot>
<img src='https://forumstatic.ru/files/001c/be/3c/37971.png'>
<div>
<ttl>название карты</ttl>
<desc>краткое описание карты</desc>
</div>
</tarot>

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

<style>

</style>

<gift><img src='https://forumstatic.ru/files/001c/be/3c/59142.png'><ttl>от кого и почему</ttl></gift>
<gift><img src='https://forumstatic.ru/files/001c/be/3c/59142.png'><ttl>от кого и почему</ttl></gift>
<gift><img src='https://forumstatic.ru/files/001c/be/3c/59142.png'><ttl>от кого и почему</ttl></gift>
<gift><img src='https://forumstatic.ru/files/001c/be/3c/59142.png'><ttl>от кого и почему</ttl></gift>
<gift><img src='https://forumstatic.ru/files/001c/be/3c/59142.png'><ttl>от кого и почему</ttl></gift>
<gift><img src='https://forumstatic.ru/files/001c/be/3c/59142.png'><ttl>от кого и почему</ttl></gift>

</div></div>

<collection>
<span>название коллекции</span>
<img src='https://forumstatic.ru/files/001c/be/3c/59142.png'>
<img src='https://forumstatic.ru/files/001c/be/3c/59142.png'>
<img src='https://forumstatic.ru/files/001c/be/3c/59142.png'>
<img src='https://forumstatic.ru/files/001c/be/3c/59142.png'>
<img src='https://forumstatic.ru/files/001c/be/3c/28661.png' class='main-item' title='описание айтема'>
</collection>