[html]<div class="roles-wrap">
<div class="roles-top">
<div class="roles-search"><input type="text" id="roleSearch" placeholder="Поиск персонажа"><i class="fas fa-search"></i><span class="search-clear">x</span></div>
<div class="roles-categories">
<!-- КНОПКИ ПОДМЕНЮ ХОГВАРТС -->
<button class="category-btn active" data-location="hogwarts" data-category="administration" title="Школьный персонал Хогвартса"><i class="fa-solid fa-book-sparkles"></i></button>
<button class="category-btn" data-location="hogwarts" data-category="gryffindor" title="Гриффиндор"><i class="fa-solid fa-paw-claws"></i></button>
<button class="category-btn" data-location="hogwarts" data-category="slytherin" title="Слизерин"><i class="fa-solid fa-snake"></i></button>
<button class="category-btn" data-location="hogwarts" data-category="ravenclaw" title="Рейвенкло"><i class="fa-solid fa-crow"></i></button>
<button class="category-btn" data-location="hogwarts" data-category="hufflepuff" title="Хаффлпафф"><i class="fa-solid fa-badger-honey"></i></button>
<button class="category-btn" data-location="hogwarts" data-category="quidditch" title="Квиддич"><i class="fa-solid fa-broom-ball"></i></button>
<button class="category-btn" data-location="hogwarts" data-category="clubs" title="Клубы"><i class="fas fa-wand-sparkles"></i></button>
<!-- КНОПКИ ПОДМЕНЮ ХОГСМИД -->
<button class="category-btn hidden" data-location="hogsmeade" data-category="shops" title="Магазины"><i class="fas fa-store"></i></button>
<button class="category-btn hidden" data-location="hogsmeade" data-category="cafes" title="Кафе"><i class="fas fa-mug-hot"></i></button>
<button class="category-btn hidden" data-location="hogsmeade" data-category="other" title="Другое"><i class="fas fa-building"></i></button>
<!-- КНОПКИ ПОДМЕНЮ МИНИСТЕРСТВА МАГИИ -->
<button class="category-btn hidden" data-location="ministry" data-category="level1" title="Первый уровень"><i class="fas fa-building-columns"></i></button>
<button class="category-btn hidden" data-location="ministry" data-category="level2" title="Второй уровень"><i class="fas fa-building-columns"></i></button>
<button class="category-btn hidden" data-location="ministry" data-category="level3" title="Третий уровень"><i class="fas fa-building-columns"></i></button>
<button class="category-btn hidden" data-location="ministry" data-category="level4" title="Четвёртый уровень"><i class="fas fa-building-columns"></i></button>
<button class="category-btn hidden" data-location="ministry" data-category="level5" title="Пятый уровень"><i class="fas fa-building-columns"></i></button>
<button class="category-btn hidden" data-location="ministry" data-category="level6" title="Шестой уровень"><i class="fas fa-building-columns"></i></button>
<button class="category-btn hidden" data-location="ministry" data-category="level7" title="Седьмой уровень"><i class="fas fa-building-columns"></i></button>
<button class="category-btn hidden" data-location="ministry" data-category="level8" title="Восьмой уровень"><i class="fas fa-building-columns"></i></button>
<!-- КНОПКИ ПОДМЕНЮ БОЛЬНИЦЫ СВЯТОГО МУНГО -->
<button class="category-btn hidden" data-location="mungo" data-category="floor1" title="Первый этаж"><i class="fas fa-hospital"></i></button>
<button class="category-btn hidden" data-location="mungo" data-category="floor2" title="Второй этаж"><i class="fas fa-hospital"></i></button>
<button class="category-btn hidden" data-location="mungo" data-category="floor3" title="Третий этаж"><i class="fas fa-hospital"></i></button>
<button class="category-btn hidden" data-location="mungo" data-category="floor4" title="Четвёртый этаж"><i class="fas fa-hospital"></i></button>
<button class="category-btn hidden" data-location="mungo" data-category="floor5" title="Пятый этаж"><i class="fas fa-hospital"></i></button>
<button class="category-btn hidden" data-location="mungo" data-category="floor6" title="Шестой этаж"><i class="fas fa-hospital"></i></button>
<!-- КОСОЙ ПЕРЕУЛОК — 3 РАЗДЕЛА -->
<button class="category-btn hidden" data-location="diagon" data-category="cafes" title="Кафе"><i class="fa-solid fa-mug-hot"></i></button>
<button class="category-btn hidden" data-location="diagon" data-category="shops" title="Магазины"><i class="fa-solid fa-store"></i></button>
<button class="category-btn hidden" data-location="diagon" data-category="other" title="Другое"><i class="fa-solid fa-building"></i></button>
<!-- ЛЮТНЫЙ ПЕРЕУЛОК — 3 РАЗДЕЛА -->
<button class="category-btn hidden" data-location="knockturn" data-category="cafes" title="Кафе"><i class="fa-solid fa-mug-hot"></i></button>
<button class="category-btn hidden" data-location="knockturn" data-category="shops" title="Магазины"><i class="fa-solid fa-store"></i></button>
<button class="category-btn hidden" data-location="knockturn" data-category="other" title="Другое"><i class="fa-solid fa-building"></i>
</button>
<!-- КНОПКА ДРУГОЕ -->
<button class="category-btn hidden" data-location="other" data-category="other" title="Другое"><i class="fas fa-building"></i></button>
</div></div>
<!-- ОСНОВНЫЕ РАЗДЕЛЫ -->
<div class="roles-body">
<div class="roles-locations">
<div class="local_txt">Учись, работай, твори или просто живи. У каждого есть шанс повлиять на то, что случится завтра. Какой след оставишь ты?</div>
<!-- КНОПКИ ГЛАВНЫХ РАЗЕДЕЛОВ -->
<button class="location-btn active" data-location="hogwarts">Хогвартс</button>
<button class="location-btn" data-location="hogsmeade">Хогсмид</button>
<button class="location-btn" data-location="ministry">Министерство Магии</button>
<button class="location-btn" data-location="mungo">Больница Св. Мунго</button>
<button class="location-btn" data-location="diagon">Косой переулок</button>
<button class="location-btn" data-location="knockturn">Лютный Переулок</button>
<button class="location-btn" data-location="other">Другое</button>
</div>
<div class="roles-main"><div id="searchResults" class="search-results"></div>
<!-- ХОГВАРТС — ШКОЛЬНЫЙ ПЕРСОНАЛ -->
<div class="category-content hidden" data-location="hogwarts" data-category="administration">
<div class="roles-title">✦ Хогвартс ✦</div>
<div class="roles-grid">
<!-- РУКОВОДСТВО -->
<div class="course-block"><div class="course-title">Руководство</div>
<div class="role-card" data-name="Альбус Дамблдор" data-role="Директор" data-location-name="Хогвартс" data-category-name="Руководство"><img src="https://upforme.ru/uploads/001c/c2/3a/2/65255.jpg"><div>
<div class="role-name"><a href="/">Альбус Дамблдор</a></div><div class="role-position">Директор</div>
</div></div>
</div>
<!-- ПРЕПОДАВАТЕЛИ -->
<div class="course-block"><div class="course-title">Преподаватели</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- ШКОЛЬНЫЙ ПЕРСОНАЛ -->
<div class="course-block"><div class="course-title">Административный персонал</div>
<!-- Сюда вносим список персонажей -->
</div>
</div></div>
<!-- ГРИФФИНДОР -->
<div class="category-content" data-location="hogwarts" data-category="gryffindor">
<div class="roles-title">✦ Гриффиндор ✦</div>
<div class="roles-grid">
<div class="course-block">
<!-- 7 КУРС -->
<div class="course-title">7 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 7 КУРС -->
<!-- 6 КУРС -->
<div class="course-block">
<div class="course-title">6 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 6 КУРС -->
<!-- 5 КУРС -->
<div class="course-block">
<div class="course-title">5 курс</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="Лили Эванс" data-role="Староста, студент" data-location-name="Хогвартс" data-category-name="Гриффиндор, 5 курс"><img src="https://upforme.ru/uploads/001c/c2/3a/5/562599.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=5">Лили Эванс</a></div><div class="role-position">Староста, студент</div>
</div></div>
<div class="role-card" data-name="Сириус Блэк" data-role="Студент" data-location-name="Хогвартс " data-category-name="Гриффидор, 5 курс"><img src="https://64.media.tumblr.com/dff148f8ec8e1f6890a019042a5497d8/0d6ee0a6ea3022fd-3b/s500x750/69852c3f56a9fb55b89a9959ea384f78b8d21f93.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=3">Сириус Блэк</a></div><div class="role-position">Студент</div>
</div></div>
<div class="role-card" data-name="марлин маккиннон" data-role="студент" data-location-name="Хогвартс." data-category-name="гриффиндор, `5"><img src="https://upforme.ru/uploads/001c/c2/3a/14/129400.gif">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=14">Марлин Маккинон, 15</a></div><div class="role-position">студентка</div>
</div></div>
</div>
<!-- КОНЕЦ 5 КУРС -->
<!-- 4 КУРС -->
<div class="course-block">
<div class="course-title">4 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 4 КУРС -->
</div>
</div>
<!-- КОНЕЦ ГРИФФИНДОР -->
<!-- СЛИЗЕРИН -->
<div class="category-content" data-location="hogwarts" data-category="slytherin">
<div class="roles-title">✦ Слизерин ✦</div>
<div class="roles-grid">
<div class="course-block">
<!-- 7 КУРС -->
<div class="course-title">7 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 7 КУРС -->
<!-- 6 КУРС -->
<div class="course-block">
<div class="course-title">6 курс</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="Веспер Мун" data-role="Студент" data-location-name="Хогвартс" data-category-name="Слизерин, 6 курс"><img src="https://upforme.ru/uploads/001c/c2/3a/9/939667.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=9">Веспер Мун</a></div><div class="role-position">студент</div>
</div></div>
<div class="role-card" data-name="Валериан Нотт" data-role="Студент" data-location-name="Хогвартс" data-category-name="Слизерин, 6 курс"><img src="https://i.pinimg.com/736x/de/84/95/de849515ec2a3ff226783a1d6af6d004.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=15">Валериан Нотт</a></div><div class="role-position">Студент</div>
</div></div>
</div>
<!-- КОНЕЦ 6 КУРС -->
<!-- 5 КУРС -->
<div class="course-block">
<div class="course-title">5 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 5 КУРС -->
<!-- 4 КУРС -->
<div class="course-block">
<div class="course-title">4 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 4 КУРС -->
</div>
</div>
<!-- КОНЕЦ СЛИЗЕРИН -->
<!-- РЕЙВЕНКЛО -->
<div class="category-content" data-location="hogwarts" data-category="ravenclaw">
<div class="roles-title">✦ Рейвенкло ✦</div>
<div class="roles-grid">
<div class="course-block">
<!-- 7 КУРС -->
<div class="course-title">7 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 7 КУРС -->
<!-- 6 КУРС -->
<div class="course-block">
<div class="course-title">6 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 6 КУРС -->
<!-- 5 КУРС -->
<div class="course-block">
<div class="course-title">5 курс</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="Аарон Селвин" data-role="Староста, студент" data-location-name="Хогвартс " data-category-name="Рейвенкло, 6 курс"><img src="https://upforme.ru/uploads/001c/c2/3a/13/723185.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=13">Аарон Селвин</a></div><div class="role-position">Староста, студент</div>
</div></div>
<div class="role-card" data-name="Александра Турпин" data-role="Студент" data-location-name="Хогвартс " data-category-name="Рейвенкло, 5 курс"><img src="https://i.pinimg.com/1200x/35/b5/2a/35b52ac1abab4b1333cf2376053c70df.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=3">Александра Турпин</a></div><div class="role-position">Студентка</div> </div></div>
<div class="role-card" data-name="Люсиен Эшкрофт" data-role="студент" data-location-name="Хогвартс " data-category-name="Препод/Факультет/квиддич/школьный кружок"><img src="https://upforme.ru/uploads/001c/c2/3a/6/849490.png">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=6">Люсиен Эшкрофт </a></div><div class="role-position">студент</div>
</div></div>
</div>
<!-- КОНЕЦ 5 КУРС -->
<!-- 4 КУРС -->
<div class="course-block">
<div class="course-title">4 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 4 КУРС -->
</div>
</div>
<!-- КОНЕЦ РЕЙВЕНКЛО -->
<!-- ХАФФЛПАФФ -->
<div class="category-content" data-location="hogwarts" data-category="hufflepuff">
<div class="roles-title">✦ Хаффлпафф ✦</div>
<div class="roles-grid">
<div class="course-block">
<!-- 7 КУРС -->
<div class="course-title">7 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 7 КУРС -->
<!-- 6 КУРС -->
<div class="course-block">
<div class="course-title">6 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 6 КУРС -->
<!-- 5 КУРС -->
<div class="course-block">
<div class="course-title">5 курс</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="кэтрин нотт" data-role="студент" data-location-name="Хогвартс " data-category-name="хаффлпафф`5, староста"><img src="https://upforme.ru/uploads/001c/c2/3a/11/744774.png">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=11">Кэтрин Нотт</a></div><div class="role-position">Студент, староста</div>
</div></div>
</div>
<!-- КОНЕЦ 5 КУРС -->
<!-- 4 КУРС -->
<div class="course-block">
<div class="course-title">4 курс</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ 4 КУРС -->
</div>
</div>
<!-- КОНЕЦ ХАФФЛПАФФ -->
<!-- КВИДДИЧ-->
<div class="category-content" data-location="hogwarts" data-category="quidditch">
<div class="roles-title">✦ Квиддич ✦</div>
<div class="roles-grid">
<div class="course-block">
<!-- КОМАНДА ГРИФФИНДОР -->
<div class="course-title">Команда Гриффиндора</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="Марлин Маккиннон" data-role="студент" data-location-name="Хогвартс." data-category-name="Команда Гриффиндор"><img src="https://upforme.ru/uploads/001c/c2/3a/14/129400.gif">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=14">Марлин Маккинон, 15</a></div><div class="role-position">ловец</div>
</div></div>
</div>
<!-- КОНЕЦ КОМАНДА ГРИФФИНДОР -->
<!-- КОМАНДА СЛИЗЕРИН -->
<div class="course-block">
<div class="course-title">Команда Слизерина</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="Валериан Нотт" data-role="Охотник" data-location-name="Хогвартс" data-category-name="Команда Слизерина"><img src="https://i.pinimg.com/736x/de/84/95/de849515ec2a3ff226783a1d6af6d004.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=15">Валериан Нотт</a></div><div class="role-position">Охотник</div>
</div></div>
</div>
<!-- КОНЕЦ КОМАНДА СЛИЗЕРИН -->
<!-- КОМАНДА РЕЙВЕНКЛО -->
<div class="course-block">
<div class="course-title">Команда Рейвенкло</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="Люсиен Эшкрофт" data-role="Загонщик" data-location-name="Хогвартс " data-category-name="Команда Рейвенкло"><img src="https://upforme.ru/uploads/001c/c2/3a/6/849490.png">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=6">Люсиен Эшкрофт </a></div><div class="role-position">загонщик</div>
</div></div>
</div>
<!-- КОНЕЦ КОМАНДА РЕЙВЕНКЛО -->
<!-- КОМАНДА ХАФФЛПАФФ -->
<div class="course-block">
<div class="course-title">Команда Хаффлпаффа</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ КОМАНДА ХАФФЛПАФФ -->
</div>
</div>
<!-- КОНЕЦ КВИДДИЧ -->
<!-- ВНЕКЛАССНЫЕ КРУЖКИ -->
<div class="category-content hidden" data-location="hogwarts" data-category="clubs">
<div class="roles-title">✦ Внеклассные кружки ✦</div>
<div class="roles-grid">
<!-- ДУЭЛЬНЫЙ КЛУБ -->
<div class="course-block">
<div class="course-title">Дуэльный клуб</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ ДУЭЛЬНЫЙ КЛУБ -->
<!-- КЛУБ ЗЕЛЬЕВАРЕНИЯ -->
<div class="course-block">
<div class="course-title">Клуб зельеварения</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ КЛУБ ЗЕЛЬЕВАРЕНИЯ -->
<!-- ПЛЮЙ-КАМНИ -->
<div class="course-block">
<div class="course-title">Клуб игры в плюй-камни</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ ПЛЮЙ-КАМНИ -->
<!-- ШКОЛЬНЫЙ ХОР -->
<div class="course-block">
<div class="course-title">Школьный хор</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ ШКОЛЬНЫЙ ХОР -->
<!-- КЛУБ СЛИЗНЕЙ -->
<div class="course-block">
<div class="course-title">Клуб Слизней</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="Лили Эванс" data-role="Член клуба Слизней" data-location-name="Хогвартс" data-category-name="Клуб Слизней"><img src="https://upforme.ru/uploads/001c/c2/3a/5/562599.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=5">Лили Эванс</a></div><div class="role-position">Член клуба Слизней</div>
</div></div>
</div>
<!-- КОНЕЦ КЛУБ СЛИЗНЕЙ -->
</div></div>
<!-- КОНЕЦ ВНЕКЛАССНЫЕ КРУЖКИ -->
<!-- ХОГСМИД -->
<!-- МАГАЗИНЫ ХОГСМИДА -->
<div class="category-content hidden" data-location="hogsmeade" data-category="shops">
<div class="roles-title">✦ Хогсмид — Магазины ✦</div>
<div class="roles-grid">
<!-- СЛАДКОЕ КОРОЛЕВСТВО -->
<div class="course-block">
<div class="course-title">Сладкое королевство</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ СЛАДКОЕ КОРОЛЕВСТВО -->
<!-- ЗОНКО -->
<div class="course-block">
<div class="course-title">Зонко</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ ЗОНКО -->
<!-- ЛАВКА ПИСЬМЕННЫХ ПРИНАДЛЕЖНОСТЕЙ -->
<div class="course-block">
<div class="course-title">Перо и свиток</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ ПЕРО И СВИТОК -->
<!-- МАГАЗИН ШУТКИ И РОЗЫГРЫШИ -->
<div class="course-block">
<div class="course-title">Магазины волшебных товаров</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ МАГАЗИНЫ -->
</div></div>
<!-- КОНЕЦ МАГАЗИНЫ ХОГСМИДА -->
<!-- КАФЕ ХОГСМИДА -->
<div class="category-content hidden" data-location="hogsmeade" data-category="cafes">
<div class="roles-title">✦ Хогсмид — Кафе ✦</div>
<div class="roles-grid">
<!-- ТРИ МЕТЛЫ -->
<div class="course-block">
<div class="course-title">Три метлы</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ ТРИ МЕТЛЫ -->
<!-- КАБАНЬЯ ГОЛОВА -->
<div class="course-block">
<div class="course-title">Кабанья голова</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ КАБАНЬЯ ГОЛОВА -->
</div></div>
<!-- КОНЕЦ КАФЕ ХОГСМИДА -->
<!-- ДРУГОЕ В ХОГСМИДЕ -->
<div class="category-content hidden" data-location="hogsmeade" data-category="other">
<div class="roles-title">✦ Хогсмид — Другое ✦</div>
<div class="roles-grid">
<!-- Бордель "Приют змеи" -->
<div class="course-block">
<div class="course-title">Бордель "Приют змеи"</div>
<!-- Сюда вносим список персонажей -->
<div class="role-card" data-name="Сильвер Ким" data-role="Владелец" data-location-name="Хогсмид" data-category-name="Приют змеи"><img src= "https://upforme.ru/uploads/001c/c2/3a/5/500973.png">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=8">Сильвер Ким</a></div><div class="role-position">Владелец</div>
</div></div>
<div class="role-card" data-name="Теодор Кроу" data-role="Бармен" data-location-name="Хогсмид" data-category-name="Приют змеи"><img src="https://upforme.ru/uploads/001c/c2/3a/4/398028.jpg">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=10">Теодор Кроу</a></div><div class="role-position">Бармен</div>
</div></div>
<div class="role-card" data-name="Wendell Kim" data-role="работник" data-location-name=" Хогсмид" data-category-name="Приют змеи"><img src="https://upforme.ru/uploads/001c/c2/3a/7/398189.png">
<div><div class="role-name"><a href="https://maraudersoops.f-rpg.me/profile.php?id=7">Уэнделл Ким</a></div><div class="role-position">Работник</div>
</div></div>
</div>
<!-- КОНЕЦ -->
<!-- 2 -->
<div class="course-block">
<div class="course-title">2</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ -->
<!-- 3 -->
<div class="course-block">
<div class="course-title">3</div>
<!-- Сюда вносим список персонажей -->
</div>
<!-- КОНЕЦ -->
</div></div>
<!-- КОНЕЦ ДРУГОЕ -->
<!-- МИНИСТЕРСТВО МАГИИ -->
<div class="category-content hidden" data-location="ministry" data-category="level1">
<div class="roles-title">✦ Министерство Магии — Первый уровень ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Министр магии и его заместитель</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Секретари</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="ministry" data-category="level2">
<div class="roles-title">✦ Министерство Магии — Второй уровень ✦
Департамент обеспечения магического правопорядка</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Сектор борьбы с неправомерным использованием магии</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Сектор борьбы с незаконным использованием изобретений маглов</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Штаб-квартира мракоборцев</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Административные службы Визенгамота</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="ministry" data-category="level3">
<div class="roles-title">✦ Министерство Магии — Третий уровень ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Департамент магических происшествий и катастроф</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="ministry" data-category="level4">
<div class="roles-title">✦ Министерство Магии — Четвёртый уровень ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Отдел регулирования магических популяций и контроля над ними</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="ministry" data-category="level5">
<div class="roles-title">✦ Министерство Магии — Пятый уровень ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Международное магическое сотрудничество</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="ministry" data-category="level6">
<div class="roles-title">✦ Министерство Магии — Шестой уровень ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Департамент магического транспорта</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="ministry" data-category="level7">
<div class="roles-title">✦ Министерство Магии — Седьмой уровень ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Комитет магических игр и спорта</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="ministry" data-category="level8">
<div class="roles-title">✦ Министерство Магии — Восьмой уровень ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Отдел тайн</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<!-- ====================================================== -->
<!-- БОЛЬНИЦА СВЯТОГО МУНГО -->
<!-- ====================================================== -->
<div class="category-content hidden" data-location="mungo" data-category="floor1">
<div class="roles-title">✦ Первый этаж ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Травмы от рукотворных предметов</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="mungo" data-category="floor2">
<div class="roles-title">✦ Второй этаж ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Ранения от живых существ</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="mungo" data-category="floor3">
<div class="roles-title">✦ Третий этаж ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Волшебные вирусы</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="mungo" data-category="floor4">
<div class="roles-title">✦ Четвёртый этаж ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Отравления растениями и зельями</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="mungo" data-category="floor5">
<div class="roles-title">✦ Пятый этаж ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Недуги от заклятий</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<div class="category-content hidden" data-location="mungo" data-category="floor6">
<div class="roles-title">✦ Шестой этаж ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Больничная лавка и буфет</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<!-- ====================================================== -->
<!-- КОСОЙ ПЕРЕУЛОК — КАФЕ -->
<!-- ====================================================== -->
<div class="category-content hidden" data-location="diagon" data-category="cafes">
<div class="roles-title">✦ Косой переулок — Кафе ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Кафе-мороженое Флориана Фортескью</div>
<div class="role-description">
Небольшое уютное кафе-мороженое, известное своим волшебным мороженым и прохладными десертами.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Чайный пакетик Розы Ли</div>
<div class="role-description">
Тихое чайное заведение с редкими сортами чая, сладостями и местом для спокойных встреч.
</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<!-- ====================================================== -->
<!-- КОСОЙ ПЕРЕУЛОК — МАГАЗИНЫ -->
<!-- ====================================================== -->
<div class="category-content hidden" data-location="diagon" data-category="shops">
<div class="roles-title">✦ Косой переулок — Магазины ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Аптека Малпеппера</div>
<div class="role-description">
Аптека с лекарственными средствами, ингредиентами и полезными снадобьями для волшебников.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Аптека «Слизень и Джиггер»</div>
<div class="role-description">
Магазин ингредиентов, зелий и всего необходимого для работы с алхимическими составами.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Всё для квиддича</div>
<div class="role-description">
Всё необходимое для игроков и болельщиков: мётлы, форма, инвентарь и принадлежности для квиддича.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Волшебное оборудование для умников</div>
<div class="role-description">
Магические приборы, инструменты и необычные приспособления для учёбы и экспериментов.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Волшебный зверинец</div>
<div class="role-description">
Магазин домашних и экзотических волшебных животных, а также товаров для ухода за ними.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Зелья Дж. Пиппина</div>
<div class="role-description">
Известная лавка готовых зелий, лечебных составов и ингредиентов для различных нужд.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Издательский дом «Обскурус»</div>
<div class="role-description">
Издательский дом, связанный с магической литературой, печатными материалами и новыми публикациями.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Лавка доктора Фойерверкуса</div>
<div class="role-description">
Магазин необычных товаров и фейерверков для праздников, представлений и развлечений.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Лавка Олливандера</div>
<div class="role-description">
Знаменитая лавка волшебных палочек, где каждому волшебнику подбирают подходящую палочку.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Магазин котлов</div>
<div class="role-description">
Магазин котлов разных размеров и материалов для зелий и магических экспериментов.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Мантии на все случаи жизни</div>
<div class="role-description">
Одежда и мантии для повседневной жизни, учёбы, работы и особых мероприятий.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Омолаживающие зелья Примпернель</div>
<div class="role-description">
Специализированная лавка косметических и омолаживающих магических зелий.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Твилфитт и Таттинг</div>
<div class="role-description">
Модный магазин магической одежды и аксессуаров для тех, кто следит за волшебной модой.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Флориш и Блоттс</div>
<div class="role-description">
Книжный магазин с учебниками, справочниками и редкими магическими изданиями.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Компания «Скоростные мётлы Нимбус»</div>
<div class="role-description">
Представительство производителя скоростных метёл и спортивного инвентаря.
</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<!-- ====================================================== -->
<!-- КОСОЙ ПЕРЕУЛОК — ДРУГОЕ -->
<!-- ====================================================== -->
<div class="category-content hidden" data-location="diagon" data-category="other">
<div class="roles-title">✦ Косой переулок — Другое ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Волшебное детективное агентство</div>
<div class="role-description">
Частное агентство, занимающееся расследованиями, поиском людей и необычными магическими делами.
</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<!-- ====================================================== -->
<!-- ЛЮТНЫЙ ПЕРЕУЛОК — КАФЕ -->
<!-- ====================================================== -->
<div class="category-content hidden" data-location="knockturn" data-category="cafes">
<div class="roles-title">✦ Лютный переулок — Кафе ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Белая виверна</div>
<div class="role-description">
Мрачное заведение для тех, кто предпочитает тёмные уголки, крепкие напитки и сомнительные знакомства.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Спини Серпент</div>
<div class="role-description">
Тёмное и змееподобное по атмосфере заведение, известное своей подозрительной публикой.
</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<!-- ====================================================== -->
<!-- ЛЮТНЫЙ ПЕРЕУЛОК — МАГАЗИНЫ -->
<!-- ====================================================== -->
<div class="category-content hidden" data-location="knockturn" data-category="shops">
<div class="roles-title">✦ Лютный переулок — Магазины ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Горбин и Бэркс</div>
<div class="role-description">
Антикварная лавка редких, старинных и порой весьма опасных магических предметов.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Эльф-трубочист</div>
<div class="role-description">
Необычная лавка и служба, связанная с магическими каминами, трубами и их обслуживанием.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Лавка древностей</div>
<div class="role-description">
Магазин старинных вещей, артефактов, реликвий и предметов с неизвестной историей.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Флидерамус — летучие мыши и их шкурки</div>
<div class="role-description">
Специализированная лавка редких ингредиентов и материалов животного происхождения.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Цирюльня</div>
<div class="role-description">
Парикмахерская для волшебников, предпочитающих необычный стиль и мрачную атмосферу.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Яды и отравы Шайверетча</div>
<div class="role-description">
Опасная лавка с ядовитыми составами, токсичными ингредиентами и прочими сомнительными товарами.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Тату-салон Маркуса Скаррса</div>
<div class="role-description">
Магический тату-салон, где рисунки могут обладать необычными свойствами.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Дуэльный клуб «Две палочки»</div>
<div class="role-description">
Место для дуэлей, тренировок и выяснения отношений при помощи магии.
</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<!-- ====================================================== -->
<!-- ЛЮТНЫЙ ПЕРЕУЛОК — ДРУГОЕ -->
<!-- ====================================================== -->
<div class="category-content hidden" data-location="knockturn" data-category="other">
<div class="roles-title">✦ Лютный переулок — Другое ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Букмекерская контора</div>
<div class="role-description">
Место для ставок, пари и сомнительных сделок, где деньги переходят из рук в руки особенно быстро.
</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">E.L.M — волшебные похороны и бальзамирование</div>
<div class="role-description">
Похоронное бюро, занимающееся магическими похоронами, подготовкой тел и бальзамированием.
</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
<!-- ====================================================== -->
<!-- ДРУГОЕ — БЕЗ ВКЛАДОК -->
<!-- ====================================================== -->
<div class="category-content hidden" data-location="other" data-category="other">
<div class="roles-title">✦ Другое ✦</div>
<div class="roles-grid">
<div class="course-block">
<div class="course-title">Дырявый котел</div>
<!-- Сюда вносим список персонажей -->
</div>
<div class="course-block">
<div class="course-title">Ежедневный пророк</div>
<!-- Сюда вносим список персонажей -->
</div>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/c2/3a/46470.css"/>
<script src="https://forumstatic.ru/files/001c/c2/3a/13716.js"></script>
[/html]
[hideprofile]
