[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</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> - G[5]</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> - SH, N</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> - EM, N</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> - R[5]</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> - R[5]</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> - S[6]</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> - SH</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> - S[6]</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> - H[5]</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> - R[5]</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> - G[5]</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> - G[5]</div></div>
<div class="role-card" data-name="Avery, Angel"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=17">Avery, Angel</a> - S[6]</div></div>
<div class="role-card" data-name="McDonell, Christopher"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=19">McDonell, Christopher</a> - R[5]</div></div>
<div class="role-card" data-name="Fortescue, Agatha"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=21">Fortescue, Agatha</a> - H[5]</div></div>
<div class="role-card" data-name="Nott, Eugenia"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=12">Nott, Eugenia</a> - S[6]</div></div>
<div class="role-card" data-name="Maddox, Dorian"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=20">Maddox, Dorian</a> - ED, OP</div></div>
<div class="role-card" data-name="Rosier, Cordelia"> <div class="role-position"><a href="https://maraudersoops.f-rpg.me/profile.php?id=23">Rosier, Cordelia</a> - S[5]</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/78474.css"/>
<script src="https://forumstatic.ru/files/001c/c2/3a/35216.js"></script>
[/html]
[hideprofile]