[html]
<div class="roles-wrap">
<!-- ВЕРХНЯЯ ПАНЕЛЬ -->
<div class="roles-top">
<!-- ПОИСК СЛЕВА -->
<div class="roles-search"><input type="text" id="roleSearch" placeholder="Поиск внешности" autocomplete="off"><i class="fas fa-search"></i><span class="search-clear">Ч</span></div>
<!-- КНОПКИ -->
<div class="faces-switcher">
<button class="faces-btn active" data-gender="male">Мужские внешности</button>
<button class="faces-btn" data-gender="female">Женские внешности</button>
</div></div>
<!-- ОСНОВНОЙ БЛОК -->
<div class="roles-body">
<div class="roles-main">
<!-- РЕЗУЛЬТАТЫ ПОИСКА -->
<div id="searchResults" class="search-results"></div>
<!-- МУЖСКИЕ ВНЕШНОСТИ -->
<div class="faces-content" data-gender="male">
<div class="roles-title">✦ Мужские внешности ✦</div>
<div class="faces-list" id="maleFaces">
<!-- ВПИСЫВАЕМ СЮДА МУЖСКИЕ ВНЕШНОСТИ -->
<div class="role-card" data-name="Gauge Burek"><div class="role-name">Gauge Burek</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=3">Sirius Black</a></div></div>
<div class="role-card" data-name="Song Mingi"><div class="role-name">Song Mingi</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=10">Theodore Crowe</a></div></div>
<div class="role-card" data-name="Park Seonghwa"><div class="role-name">Park Seonghwa</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=8">Silver Kim</a></div></div>
<div class="role-card" data-name="Herman Tommeraas"><div class="role-name">Herman Tommeraas</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=13">Aaron Selwyn</a></div></div>
<div class="role-card" data-name="Lee Felix"><div class="role-name">Lee Felix</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=6">Lucien Ashcroft </a></div></div>
<div class="role-card" data-name="Hwang Hyunjin"><div class="role-name">Hwang Hyunjin</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=9">Vesper Moon</a></div></div>
<div class="role-card" data-name="Внешность"><div class="role-name">Jung Wooyoung</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=7">Wendell Kim </a></div></div>
<div class="role-card" data-name="Chwe Vernon"><div class="role-name">Chwe Vernon</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=15">Valerian Nott</a></div></div>
<!-- КОНЕЦ СПИСКА МУЖСКИХ ВНЕШНОСТЕЙ -->
</div></div>
<!-- ЖЕНСКИЕ ВНЕШНОСТИ -->
<div class="faces-content hidden" data-gender="female">
<div class="roles-title">✦ Женские внешности ✦</div>
<div class="faces-list" id="femaleFaces">
<!-- ВПИСЫВАЕМ СЮДА ЖЕНСКИЕ ВНЕШНОСТИ -->
<div class="role-card" data-name="Zoey Deutch"><div class="role-name">Zoey Deutch</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=4">Alexandra Turpin</a></div></div>
<div class="role-card" data-name="Madelaine Petsch"><div class="role-name">Madelaine Petsch</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=5">Lily Evans</a></div></div>
<div class="role-card" data-name="Kristine Froseth"><div class="role-name">Kristine Froseth</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=11">Katherine Nott</a></div></div>
<div class="role-card" data-name="Elle Fanning"><div class="role-name">Elle Fanning</div> - <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=14">Marlene McKinnon </a></div></div>
<!-- КОНЕЦ СПИСКА ЖЕНСКИЕ ВНЕШНОСТЕЙ -->
</div></div>
</div></div></div>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/c2/3a/42088.css"/>
<script src="https://forumstatic.ru/files/001c/c2/3a/35216.js"></script>
[/html]
[hideprofile]