о персонаже
Код:
<!--HTML--> <div class="book"> <!-------------- картинка квадратная, пропорциональная, минимальный размер: 100 на 100 --------------> <div class="forimg"><img src="https://i.imgur.com/iyzVyXy.gif"></div> <!-------------- имя / описание --------------> <div class="citatapers"><span>Джоел Ромеро</span> Шеф-повар в ресторане «Noche Magica» в Севилье.</div> <!-------------- твины --------------> <div class="twin">твины</div> <!-------------- картинка квадратная, пропорциональная, минимальный размер: 60 на 60 --------------> <div class="twin1"><a href="ссылка"><img src="https://forumupload.ru/uploads/001b/f6/17/4/t908641.png" title="имя персонажа"></a> <a href="ссылка"><img src="https://forumupload.ru/uploads/001b/f6/17/4/t908641.png" title="имя персонажа"></a> <a href="ссылка"><img src="https://forumupload.ru/uploads/001b/f6/17/4/t908641.png" title="имя персонажа"></a> <a href="ссылка"><img src="https://forumupload.ru/uploads/001b/f6/17/4/t908641.png" title="имя персонажа"></a> <a href="ссылка"><img src="https://forumupload.ru/uploads/001b/f6/17/4/t908641.png" title="имя персонажа"></a> <a href="ссылка"><img src="https://forumupload.ru/uploads/001b/f6/17/4/t908641.png" title="имя персонажа"></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>