[html]
<section class='chars-wrapper'>
<h5>список персонажей</h5>
<span> какая-то подсказка о чем-то. какая-то подсказка о чем-то. какая-то подсказка о чем-то. какая-то подсказка о чем-то. какая-то подсказка о чем-то. какая-то подсказка о чем-то. какая-то подсказка о чем-то. какая-то подсказка о чем-то. какая-то подсказка о чем-то. какая-то подсказка о чем-то. </span>
<div class="chars-container">
<! ----------------------------------- ПЕРВАЯ ВКЛАДКА ------------------------------------------------------------>
<input type="radio" name="chars-tabs" id="chars-tab-1" class="chars-radio" checked>
<label for="chars-tab-1" class="chars-label">загруженный</label>
<div class="chars-content chars-1">
<div>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> <chicon></chicon> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
</div>
</div>
<! ----------------------------------- ВТОРАЯ ВКЛАДКА ------------------------------------------------------------>
<input type="radio" name="chars-tabs" id="chars-tab-2" class="chars-radio">
<label for="chars-tab-2" class="chars-label">абстерго</label>
<div class="chars-content chars-2"><div>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
</div></div>
<! ----------------------------------- ТРЕТЬЯ ВКЛАДКА ------------------------------------------------------------>
<input type="radio" name="chars-tabs" id="chars-tab-3" class="chars-radio">
<label for="chars-tab-3" class="chars-label">нпс</label>
<div class="chars-content chars-3"><div>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'>patricia lane</a>
<desc>детектив полицейского участка</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
<span>
<img src='https://i.pinimg.com/736x/ca/8c/f2/ca8cf264ed27a9cee8fc66d7a2b7f9f7.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства, и очень крутой чел который не понятно чем занимается но он крутой и богатый</desc>
</span>
<span>
<img src='https://forumstatic.ru/files/001c/aa/0d/60549.jpg'>
<a href='#'> name surname </a>
<desc>наследник семьи блаблабла, меценат, владелец оперного театра, деятель искусства</desc>
</span>
</div>
</div>
</div>
</section>[/html][hideprofile]
