<!--HTML-->

<div class="book">


<!-------------- картинка квадратная, пропорциональная, минимальный размер: 100 на 100 -------------->
<div class="forimg"><img src="https://forumupload.ru/uploads/001b/f6/17/3/120066.gif"></div>


<!-------------- имя / описание  -------------->
<div class="citatapers"><span>Каин Митчи</span>

Прожигатель жизни не без множества причин, Ментальный маг с навыком видеть духи. Наследник клана. Золотая молодежь. Почти везде появляется далеко не один. Имеет крайне нестабильный характер и зажигается словно спичка</div>

<!-------------- твины  -------------->
<div class="twin">твины</div>

<!-------------- картинка квадратная, пропорциональная, минимальный размер: 60 на 60 -------------->
<div class="twin1"><a href="https://tma.f-rpg.me/profile.php?id=3"><img src="https://forumupload.ru/uploads/001b/f6/17/3/995375.gif" title="Heather McNamara"></a>
<a href="https://tma.f-rpg.me/profile.php?id=20"><img src="https://forumupload.ru/uploads/001b/f6/17/3/32434.gif" title="Aoife Kovaс"></a>
<a href="https://tma.f-rpg.me/profile.php?id=18"><img src="https://forumupload.ru/uploads/001b/f6/17/3/154624.gif" title="Marius Gauthier"></a><a href="https://tma.f-rpg.me/profile.php?id=74"><img src="https://forumupload.ru/uploads/001b/f6/17/3/70888.gif" title="Билли О'Лири"></a>
<a href="https://tma.f-rpg.me/profile.php?id=34"><img src="https://forumupload.ru/uploads/001b/f6/17/3/188272.png" title="Anthony Moore"></a>
</div>

<!-------------- коллекции -------------->
<div class="inventory">коллекции</div>
<div class="batltabl">
<div class="artifacts-location">

<!-------------- не выданная колекция -------------->
<div class="artifacts-picture1" title="текст"><img src="https://genshinpedia.ru/wp-content/uploads/2020/11/3-6.png"></div>
<div class="artifacts-text1">начало пути</div>

<!-------------- колекция 1 -------------->
<div class="artifacts-picture" title="текст"><img src="https://genshinpedia.ru/wp-content/uploads/2021/03/1614584220_4e732ced3463d06de0ca9a15b6153677.png"></div>
<div class="artifacts-text">путешественник текст текст</div>

<!-------------- колекция 2 -------------->
<div class="artifacts-picture" title="текст"><img src="https://genshinpedia.ru/wp-content/uploads/2021/02/1614425081_1f0e3dad99908345f7439f8ffabdffc4.png"></div>
<div class="artifacts-text">легенда</div>

<!-------------- колекция 3 -------------->
<div class="artifacts-picture" title="текст"><img src="https://genshinpedia.ru/wp-content/uploads/2021/02/1614425081_1f0e3dad99908345f7439f8ffabdffc4.png"></div>
<div class="artifacts-text">легенда</div>

<!-------------- колекция 4 -------------->
<div class="artifacts-picture" title="текст"><img src="https://genshinpedia.ru/wp-content/uploads/2021/02/1614425081_1f0e3dad99908345f7439f8ffabdffc4.png"></div>
<div class="artifacts-text">легенда</div>

</div></div>