[html] 

<link rel="stylesheet" href="https://forumstatic.ru/files/001b/d9/4a/46253.css" />

<section class='charlist'>

  <!-------- Контент ---------------------------->
  <div class="charcontent">

<!-------- ЭЛЕМЕНТЫ ПОИСКА ------------------------------------------------------------------>
<div class='char-filter'>
<span>поиск:</span>
<label for="chname-input">Имя персонажа:</label>
<label for="chrace-input">Раса персонажа:</label>
<label for="countryFilter">Страна:</label>
<label for="loyaltyFilter">Принадлежность:</label>
<label for="statusFilter">Статус персонажа:</label>
<input type="text" class="chname-input" placeholder="поиск по имени/фамилии" maxlength="150">
<input type="text" class="chrace-input" placeholder="поиск по расе" maxlength="150">
<select id="countryFilter">
  <option value="">все страны</option>
<option value="Аркадия">Аркадия</option>
  <option value="Вечный Дол">Вечный Дол</option>
  <option value="Империя">Империя</option>
  <option value="Айзен">Айзен</option>
  <option value="Франкия">Франкия</option>
  <option value="Сильвания">Сильвания</option>
  <option value="Гранада">Гранада</option>
  <option value="Быстрица">Быстрица</option>
  <option value="Лига">Лига</option>
  <option value="странствует">Странники</option>
</select>
<input type="text" class="loyaltyFilter-input" placeholder="поиск по ролям/фракциям" maxlength="100">
<select id="statusFilter">
  <option value="">любые персонажи</option>
  <option value="акция">Акционные персонажи</option>
  <option value="нужный">Нужные персонажи</option>
</select>

<button id='resetBtn'> сбросить </button>
</div>

<!-------- ПЕРСОНАЖИ ------------------------------------------------------------------>

<div id="charlist-data-container">
        </div>

  </div>
</div>

</section>

[/html][hideprofile]