[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">x</span></div>
<!-- КНОПКИ -->
<div class="faces-switcher">
<button class="faces-btn active" data-gender="male">Занятые роли</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="faces-list" id="maleFaces">
<!-- ВПИСЫВАЕМ СЮДА -->
<div class="role-card" data-name="Black, Sirius"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=3">Black, Sirius</a> - <span style="color: #000000;">G[5]</span></div></div>

<div class="role-card" data-name="Crowe, Theodore"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=10">Crowe, Theodore</a> - <span style="color: #000000;">SH, N</span></div></div>
<div class="role-card" data-name="Kim, Silver"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=8">Kim, Silver</a> - <span style="color: #000000;">EM, N</span></div></div>
<div class="role-card" data-name="Selwyn, Aaron "> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=13">Selwyn, Aaron</a> - <span style="color: #000000;">R[5]</span></div></div>
<div class="role-card" data-name="Ashcroft, Lucien "> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=6">Ashcroft, Lucien </a> - <span style="color: #000000;">R[5]</span></div></div>
<div class="role-card" data-name="Moon, Vesper "> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=9">Moon, Vesper</a> - <span style="color: #000000;">S[6]</span></div></div>
<div class="role-card" data-name="Kim, Wendell"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=7">Kim, Wendell </a> - <span style="color: #000000;">SH</span></div></div>
<div class="role-card" data-name="Nott, Valerian"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=15">Nott, Valerian</a> - <span style="color: #000000;">S[6]</span></div></div>
<div class="role-card" data-name="Nott, Katherine "> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=11">Nott, Katherine </a> - <span style="color: #000000;">H[5]</span></div></div>
<div class="role-card" data-name="Turpin, Alexandra"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=4">Turpin, Alexandra</a> - <span style="color: #000000;">R[5]</span></div></div>
<div class="role-card" data-name="Evans, Lily"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=5">Evans, Lily</a> - <span style="color: #000000;">G[5]</span></div></div>

<div class="role-card" data-name="McKinnon, Marlene"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=14">McKinnon, Marlene</a> - <span style="color: #000000;">G[5]</span></div></div>

<!-- КОНЕЦ СПИСКА МУЖСКИХ ВНЕШНОСТЕЙ -->
</div></div>
<!-- ЖЕНСКИЕ ВНЕШНОСТИ -->
<div class="faces-content hidden" data-gender="female">
<div class="roles-title">✦ Женские внешности ✦</div>
<div class="faces-list" id="femaleFaces">

</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]