post of the week
Soren Goyle
Желание прорывается в нем сквозь все преграды, бесстыдно обходя все выстроенные Гойлом препятствия. Оно ловко, почти профессионально вытесняет невыносимую усталость после невероятного матча, который однажды непременно окажется в учебниках по истории квиддича, мягко сглаживает острые края горечи поражения, от которой хотелось либо разрыдаться прямо там, на глазах у всех, чего он себе позволить не мог, либо ударить первого, кто попадется под руку.
episode of the week
blank space
Здесь делается вжух 🪄

hp: solitude

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » hp: solitude » not all that shines is a snitch » вакансии

вакансии

Страница: 1
Тема закрыта

Сообщений 1 страница 5 из 5

1

  • Автор: Solitude
  • lullaby of woe
  • Solitude
  • Сообщений: 129
  • Уважение: +47

[html]
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&family=Manrope:wght@300;400;500;600&display=swap" rel="stylesheet">

<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="fp-header">
    <div class="fp-tag">hp: solitude // матчасть</div>
    <div class="fp-title">The Labour Exchange</div>
    <div class="fp-subtitle">вакансии: занятость и работа в магическом мире</div>
  </div>

  <div class="fp-body">

    <div class="fp-intro-text">
      В этой теме вы найдете перечень актуальных рабочих мест. При выборе профессии учитывайте статус волшебника. Магглорожденные и разумные расы подвергаются дискриминации, руководящие должности занимают чистокровные волшебники, а глава Департамента (Отдела) тайн — это лояльный Пожирателям волшебник (как и некоторых других Департаментов, указанных в матчасти). В спойлерах ниже вы найдете список требований к определенным постам в Министерстве, работе в Визенгамоте, Больнице Св. Мунго. Чистокровные аристократы, как и состоятельные полукровные или чистокровные не из Священных 28, могут владеть собственным бизнесом (магическими предприятиями, лавками, заповедниками, теплицами и многим другим, характерным и нужным для обеспечения деятельности волшебников). Работа на государственной должности делает невозможным владение частным бизнесом, так что предприниматели часто переписывают магазин или производство на родственников.
    </div>

    <div class="fp-divider-soft"></div>

    <!-- СПОЙЛЕР 1 -->
    <div class="fp-spoiler">
      <div class="fp-spoiler-toggle" onclick="this.parentElement.classList.toggle('open')">
        <span class="fp-spoiler-icon">▸</span>
        Должностные требования и структура
      </div>
      <div class="fp-spoiler-body">

        <p><b>Власть в Магической Британии</b> делится на 3 ветки, которую формируют 2 органа. Судебную и законодательную ветвь представляет Визенгамот. Исполнительная ветвь — это избранный голосованием Визенгамота Министр Магии и его Аппарат (Администрация), Кабинет глав Департаментов и само Министерство как орган. Для голосования за Кандидата в Министры Визенгамот выбирает состав, похожий на палаты парламента магглов — Верхнюю формируют из старейшин-аристократов и нижнюю из случайно выбранных представителей.</p>

        <p><b>Министр Магии</b> — глава правительства Магической Британии, в чьи обязанности входит воплощение политики, руководство Министерством, формирование Кабинета глав Департаментов, проведение ежемесячных заседаний Кабинета. Он представляет интересы Магической Британии на мировой арене, поддерживает рабочие отношения с маггловским Премьер-Министром. В кризисные периоды и при военном положении имеет право на принятие законов и указов в обход одобрения Визенгамота. Обязан не иметь судимостей, иметь идеальную репутацию и блестящую карьеру. Возраст для кандидата — <b>не менее 45 лет</b>.</p>

        <p><b>Заместители Министра</b> — входят в его Администрацию и выбираются самим Министром как его Аппарат. Следят за работой Кабинета, в экстренных случаях выполняют работу Министра Магии, либо же становятся исполняющими его обязанности вплоть до будущих выборов. Должность может занять волшебник, достигший <b>возраста 45 лет</b>.</p>

        <p><b>Глава Департамента</b> — ответственный за управление всей работой, связанной со всеми отделами. Подчиняется напрямую Министру Магии, отчитывается перед ним и получает план работ на ежемесячных планерках Кабинета. Должность может занять волшебник, достигший возраста <b>40 лет</b> и имеющий внушительный стаж работы в подконтрольном департаменте и карьерные успехи.</p>

        <p><b>Заместитель Главы Департамента</b> — в прошлом руководитель одного из отделов департамента, которого назначает Глава. Отвечает за координацию работы всех отделов, контроль исполнения поручений и подготовку отчетности для Главы Департамента и Министра Магии. В экстренных случаях исполняет обязанности руководителя департамента. Обладатель блестящих рекомендательных писем и безупречной репутации. Должность может занять волшебник, достигший <b>возраста 40 лет</b>.</p>

        <p><b>Глава отдела</b> — руководит структурным подразделением Департамента, отвечает за планирование, координацию и исполнение задач, закрепленных за отделом. Контролирует работу сотрудников, распределяет обязанности, утверждает отчёты и следит за соблюдением нормативных актов. Отчитывается перед Главой Департамента. Должность может занять волшебник, достигший <b>возраста 35 лет</b> и имеющий подтвержденный опыт работы в сфере компетенции отдела.</p>

        <p><b>Заместитель главы отдела</b> — помогает руководителю в организации работы подразделения, контролирует выполнение поручений и при необходимости замещает его. Отвечает за ведение внутренней документации, координацию сотрудников и взаимодействие с другими отделами департамента. Должность может занять волшебник, достигший <b>возраста 30 лет</b> и имеющий устойчивый опыт работы в данной сфере.</p>

        <p><b>Сотрудник отдела</b> — выполняет практическую работу в рамках задач подразделения, подчиняется руководству отдела и участвует в реализации текущих проектов. Должность может занять волшебник, успешно прошедший стажировку, достигший <b>возраста 21 года</b> и имеющий соответствующую квалификацию.</p>

        <p><b>Стажер отдела</b> — недавний выпускник, проходящий обучение и практику в подразделении под руководством наставника. Участвует в выполнении вспомогательных задач и осваивает основы профессиональной деятельности. Возраст — от <b>18 до 21 года</b>.</p>

        <div class="fp-divider-soft"></div>

        <p><b>Визенгамот</b> — высший орган законодательной и судебной власти магической Британии, объединяющий функции Парламента и Суда.</p>

        <p><b>Верховный суд Визенгамота</b> — судебная ветвь власти, обеспечивающая соблюдение законов и рассмотрение тяжких преступлений в магическом сообществе. <b>Парламент Визенгамота</b> — законодательная ветвь власти, формирующая правовую систему и контролирующая деятельность Министерства Магии. Отвечает за выборы и принудительную отставку Министра Магии, обсуждение, принятие и отклонение законопроектов, поданных Главами Департаментов, формирование и утверждение законов, одобрение кандидатур Верховного Чародея и Председателя Парламента. Члены Визенгамота могут заниматься и другими видами деятельности, в отличие от остальных служащих Министерства: владеть предприятиями, преподавать, быть журналистами и т.д.</p>

        <p><b>Председатель Парламента</b> — руководит заседаниями, определяет повестку, порядок рассмотрения законопроектов и проведение голосований. Обладает дисциплинарной властью и координирует работу Парламента совместно с заместителями. Должность может занять волшебник, достигший <b>возраста 50 лет</b>. Имеет двух заместителей — не моложе <b>40 лет</b>.</p>

        <p><b>Члены Парламента</b> — избранные представители среди волшебников, обычно старейшины (старше 60 лет) или выдающиеся колдуны, старше 40 лет. Во время выборов 60 мест принадлежат магической аристократии и выдающимся членам общества, 40 занимают другие представители общества.</p>

        <p><b>Верховный Чародей</b> — глава Верховного Суда и председатель судейской коллегии. Руководит судебными заседаниями, утверждает решения коллегии и следит за соблюдением правовой процедуры. Должность может занять волшебник, достигший <b>возраста 50 лет</b>, имеющий безупречную репутацию.</p>

        <p><b>Судейская коллегия</b> — основной судебный орган Визенгамота. Рассматривает дела, выносит решения, обеспечивает правоприменение. В коллегию принимаются волшебники с опытом работы в судебной сфере не менее 10 лет (в должности помощника судьи, секретаря, заведующего участком и др.). Назначение происходит общим голосованием.</p>

        <p><b>Адвокатская коллегия</b> — объединение юристов, прошедших обучение и экзамены в Визенгамоте. Делится на <b>барристеров</b> — адвокатов высокого ранга, выступающих в суде, и <b>солиситоров</b> — юристов, подготавливающих материалы для барристеров, а также ведущих дела и консультации. Их стажировка длится 5 лет.</p>

        <p><b>Прокурорская служба</b> — главный орган надзора и обвинения по уголовным делам. Оказывает юридическую поддержку Аврорату, определяет обоснованность предъявления обвинений и представляет сторону обвинения в суде. Стажировка длится 5 лет.</p>

        <div class="fp-divider-soft"></div>

        <p><b>Важно!</b> О стажировках определенных отделов. <b>Аврорат и Хит-визарды</b> — стажировка длится <b>четыре года</b>: первые два года — теоретическая подготовка (право, тактика, защита, заклинания, работа с доказательствами), последующие два — практическая работа в полевых условиях под наблюдением наставников. После успешного завершения стажировки присваивается звание аврора или хита. <b>Вич-вочеры</b> — элитное подразделение надзора и внутренней безопасности. Назначаются из числа наиболее успешных авроров и хитов, имеющих <b>возраст не менее 35 лет</b> и безупречную репутацию. <b>Департамент тайн</b> — отбор проходит индивидуально и исключительно по приглашению. Кандидаты выбираются из числа талантливых, проверенных и успешных волшебников с чистой служебной историей. Все вступающие в должность подписывают <b>нерушимую клятву о неразглашении</b>, невыразимцы физически не могут разглашать служебную информацию.</p>

        <div class="fp-divider-soft"></div>

        <p><b>Больница Святого Мунго</b> — главный лечебный центр магической Британии, специализирующийся на диагностике и лечении болезней и травм, вызванных магией. Здесь до кризиса работали лучшие колдомедики страны, владеющие как традиционными, так и экспериментальными методами магического исцеления.</p>

        <p><b>Главный колдомедик больницы</b> — руководит всеми отделениями, контролирует качество лечения и политику медицинской безопасности. Должность может занять колдомедик с опытом работы не менее <b>20 лет</b>, достигший <b>возраста 50 лет</b>.</p>

        <p><b>Глава отдела</b> — отвечает за организацию и контроль работы определенного колдомедицинского отделения, обучение персонала и внедрение новых методов лечения. Должность может занять колдомедик с опытом не менее <b>10 лет</b>, достигший <b>возраста 40 лет</b>.</p>

        <p><b>Колдомедик</b> — дипломированный целитель, прошедший полную подготовку и стажировку. Работает в одном из специализированных отделений больницы, проводит диагностику, лечение и наблюдение за пациентами. Может курировать младших коллег и участвовать в исследовательских программах.</p>

        <p><b>Младший колдомедик</b> — специалист, завершивший стажировку и приступивший к самостоятельной практике под наблюдением старших коллег. Стаж работы — около <b>2–5 лет</b>, после чего возможно повышение до полноценного колдомедика.</p>

        <p><b>Стажер больницы</b> — учащийся, проходящий семилетний курс подготовки с <b>18 лет</b>. В первые годы получает общие знания о строении организма и основах магического исцеления, затем распределяется по отделениям в соответствии с направленностью и способностями. Стажировка считается крайне сложной — значительная часть учеников не доходит до её завершения.</p>

        <p><b>Важно!</b> <b>Отделение недугов от заклятий</b> специализируется на лечении пострадавших от проклятий, чар и тёмной магии. Его сотрудники имеют особый допуск к запрещённым разделам магии и заключают магический контракт о неразглашении профессиональных тайн и методов лечения.</p>

      </div>
    </div>

    <!-- СПОЙЛЕР 2 -->
    <div class="fp-spoiler">
      <div class="fp-spoiler-toggle" onclick="this.parentElement.classList.toggle('open')">
        <span class="fp-spoiler-icon">▸</span>
        Положение женщин в магическом обществе и трудоустройство
      </div>
      <div class="fp-spoiler-body">

        <p>Магический мир 1970–80-х годов демонстрирует <b>удивительную гендерную прогрессивность</b>. Женщины свободно владеют бизнесом (Мадам Малкин, Розмерта), занимают высокие должности в Министерстве магии (Амелия Боунс) и преподают в Хогвартсе наравне с коллегами-мужчинами. Даже среди Пожирателей смерти Беллатриса Лестрейндж является полноценным воином и ближайшим сподвижником Тёмного Лорда, что показывает — для магического общества чистота крови важнее гендера.</p>

        <p>Наибольший <b>консерватизм</b> проявляется у чистокровной аристократии, но не в форме «женщина у плиты» — аристократки выполняют роль хранительниц родовой чести и чистоты крови, часто обладая значительным влиянием в семье (как Вальбурга Блэк). Ущемление женщин в магическом обществе минимально и носит скорее социальный, чем юридический характер, концентрируясь преимущественно в среде чистокровной аристократии. Главное давление проявляется в матримониальных ожиданиях: от девушек из хороших семей ожидают замужества с представителями подходящих родов для поддержания чистоты крови и укрепления родовых альянсов. Браки по любви не запрещены, но могут вызвать неодобрение, если партнер не соответствует статусу семьи.</p>

        <p>Однако существует <b>негласное разделение профессиональных сфер</b>, основанное на традиционных представлениях о «женских» и «мужских» занятиях и ролях. Консервативное магическое сообщество придерживается викторианских представлений о природном предназначении полов: ведьма может быть талантливой, но её талант должен проявляться в подобающих рамках. Чем выше социальный статус семьи, тем жестче эти ожидания — в некоторых семьях аристократов считается неприличным заниматься коммерцией, ибо это удел средних слоев общества. Женщинам-предпринимательницам традиционно принадлежат отрасли, связанные с заботой, красотой и бытовым комфортом: книжные лавки, магазины одежды и тканей, травяные лавки и лавки зелий (целительство, косметика), парикмахерские, кондитерские, чайные, цветочные салоны, лавки домашней утвари. Эти сферы считаются «естественными» для ведьм. Деловые партнеры в сферах, традиционно считаемых «мужскими», предпочитают вести переговоры с мужчинами. Банки неохотно выдают крупные кредиты ведьмам без поручительства мужа или отца. Даже успешные бизнес-леди в «мужских» сферах порой вынуждены доказывать свою компетентность и сталкиваются с покровительственным отношением. Это не юридический запрет — формально ведьма может открыть любое дело — но социальная конвенция создаёт сеть препятствий.</p>

        <p><b>Наследование</b> в чистокровных семьях следует принципам, близким к викторианской британской аристократии: действует <b>майорат</b> (первородство), при котором основное родовое имущество — поместье, титул, фамильные реликвии — переходит к старшему сыну. Это не означает, что младшие дети и дочери остаются ни с чем: они получают денежное содержание, могут наследовать отдельную собственность или драгоценности, но не родовое гнездо. Дочери обычно получают приданое при замужестве, которое обеспечивает их финансовую независимость. В отсутствие сыновей наследование может перейти к дочери, но в особо консервативных семьях возможна передача только по мужской линии родственникам (кузенам, племянникам). Вдовы сохраняют право на проживание в поместье и часть доходов до конца жизни или повторного замужества.</p>

        <p>Важно отметить, что эти правила <b>актуальны именно для родовой собственности</b>, в то время как лично заработанное или купленное имущество волшебник или ведьма могут завещать по своему усмотрению. От замужних аристократок ожидается поддержание репутации рода, участие в светской жизни и воспитание детей в традициях чистокровия, но это <b>не означает затворничество</b>. Ограничения практически отсутствуют в среде полукровок и магглорождённых. В целом, магическое общество следует характеризовать как классово-кровное, а не патриархальное. В Британии времён Первой магической войны угнетают не по гендеру, а по происхождению, и чистокровная ведьма имеет несравнимо больше привилегий в сфере трудового права, чем маг-магглорождённый или полукровка.</p>

      </div>
    </div>

  </div>
</div>
[/html][hideprofile]

0

2

  • Автор: Solitude
  • lullaby of woe
  • Solitude
  • Сообщений: 129
  • Уважение: +47

[html]<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="fp-header">
    <div class="fp-tag">hp: solitude // списки</div>
    <div class="fp-title">The Calling Board</div>
    <div class="fp-subtitle">занятые и свободные должности</div>
  </div>

  <div class="vac-body">

    <!-- ======================== МИНИСТЕРСТВО ======================== -->
    <div class="vac-section-title">Министерство Магии</div>

    <div class="vac-grid">

      <!-- 1 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          1. Министр магии и персонал
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Министр магии</span> <span class="vac-name npc">Millicent Bagnold <sup>npc</sup></span></div>
          <div class="vac-divider"></div>
          <div class="vac-row"><span class="vac-role">Секретарь Министра</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-sub">Администрация Министра</div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=5">Christian Nott</a></span></div>
          <div class="vac-sub">Отдел магического хозяйства</div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ликвидаторы заклятий</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 2 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          2. Департамент магического правопорядка
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Глава департамента</span> <span class="vac-name npc">Bartemius Crouch Sr. <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель главы</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Визенгамот</div>
          <div class="vac-row"><span class="vac-role">Верховный Чародей</span> <span class="vac-name npc">Griselda Marchbanks <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Судьи</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Секретарь заседаний</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Прокуроры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Помощники прокуроров</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=3">Brianna Ollivander</a></span></div>
          <div class="vac-row"><span class="vac-role">Адвокаты</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Помощники адвокатов</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=7">Sirius Black</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Штаб-квартира авроров</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=34">Alastor Moody</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Авроры</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=25">Gideon Prewett</a>, <a href="https://solitude.rusff.me/profile.php?id=26">Emmeline Vance</a>, <a href="https://solitude.rusff.me/profile.php?id=52">Daniel Fenwick</a>, <a href="https://solitude.rusff.me/profile.php?id=41">Caradoc Dearborn</a>, <a href="https://solitude.rusff.me/profile.php?id=81">Amelia Bones</a>, <a href="https://solitude.rusff.me/profile.php?id=90">Fabian Prewett</a>, <a href="https://solitude.rusff.me/profile.php?id=83">Frank Longbottom</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=77">Marlene Mckinnon</a></span></div>
          <div class="vac-row"><span class="vac-role">Штатный колдомедик</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Штаб-квартира хит-визардов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Хит-визарды</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Штатный колдомедик</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Штаб-квартира вич-вочеров</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вич-вочеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Штаб-квартира магического патруля</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Патрульные</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Сектор борьбы с неправомерным использованием магии</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Отдел контроля одурманивающих веществ</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Сектор борьбы с незаконным использованием изобретений магглов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-name npc">Arthur Weasley <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Отдел выявления и конфискации поддельных артефактов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 3 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          3. Департамент магических происшествий
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Глава департамента</span> <span class="vac-name npc">Winston Rookwood <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель главы</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Группа аннулирования случайного волшебства</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Штаб-квартира обливиаторов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=23"> Fergus Macmillan</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Управление по связям с магглами</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Комитет по выработке объяснений для магглов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 4 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          4. Департамент магических популяций
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Глава департамента</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель главы</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники Сектора дезинформации</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Подразделение зверей</div>

          <div class="vac-sub-sm">Управление по связям с кентаврами и мерроу</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-sub-sm">Секция учёта оборотней и вампиров</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-sub-sm">Бюро исследования и изолирования драконов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-sub-sm">Сектор по борьбе с домашними вредителями и упырями</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-sub-sm">Комиссия по обезвреживанию опасных существ</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-name npc">Walden Macnair <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Подразделение существ</div>

          <div class="vac-sub-sm">Управление по связям с гоблинами</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-sub-sm">Бюро распределения домашних эльфов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Подразделение духов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 5 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          5. Департамент международных отношений
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Глава департамента</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель главы</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Международный совет по выработке торговых стандартов</div>
          <div class="vac-row"><span class="vac-role">Руководитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Международное бюро магического законодательства</div>
          <div class="vac-row"><span class="vac-role">Руководитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=31">Lucius Malfoy</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Британский филиал МКМ и Посольства</div>
          <div class="vac-row"><span class="vac-role">Деятельность приостановлена</span> <span class="vac-closed">закрыто</span></div>
        </div>
      </div>

      <!-- 6 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          6. Департамент магического транспорта
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Глава департамента</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Центр сети летучего пороха</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=82">Taren Mulciber</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Сектор контроля за метлами</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Портальное управление</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=75">Reynard Avery</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Трансгрессионный испытательный центр</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 7 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          7. Департамент магических игр и спорта
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Глава департамента</span> <span class="vac-name npc">Ludovic Bagman <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель главы</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Штаб-квартира британско-ирландской лиги квиддича</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Клуб игроков в плюй-камни</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 8 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          8. Департамент магического образования
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Глава департамента</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель главы</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Сектор патентов</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Волшебная экзаменационная комиссия</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-sub">Комиссия по экспериментальным чарам</div>
          <div class="vac-row"><span class="vac-role">Глава</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 9 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          9. Департамент тайн
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Глава департамента</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=54">Theodore Nott</a></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель главы</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Привет-ведьма</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>

          <div class="vac-divider"></div>
          <div class="vac-row"><span class="vac-role">Невыразимцы зала разума</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Невыразимцы зала любви</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Невыразимцы зала времени</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Невыразимцы зала смерти</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=22">Cedric Rowle</a></span></div>
          <div class="vac-row"><span class="vac-role">Невыразимцы зала вселенной</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Невыразимцы зала пророчеств</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 10 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          10. Подвалы Министерства
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Сотрудники отдела тюрем</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники экипажа этапирования</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охранники камер временного заключения</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Чистильщики Барти Крауча-старшего</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

    <!-- ======================== МУНГО ======================== -->
    <div class="vac-section-title">Больница Святого Мунго</div>

    <div class="vac-grid">

      <!-- 0 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          0. Руководство больницы и персонал
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Главный целитель</span> <span class="vac-name npc">Hippocrates Smethwyck <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель главного целителя</span> <span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=61">Miriam Strout</a></span></div>
          <div class="vac-row"><span class="vac-role">Привет-ведьмы</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Совет попечителей</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 1 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          1. Отделение травм от предметов
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Заведующий отделением</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целители</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Медицинский персонал</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 2 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          2. Отделение ранений от живых существ
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Заведующий отделением</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Старший целитель</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целители</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Медицинский персонал</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 3 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          3. Отделение волшебных вирусов
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Заведующий отделением</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целители</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Медицинский персонал</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 4 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          4. Отделение отравлений травами / зельями
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Заведующий отделением</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целители</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Медицинский персонал</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 5 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          5. Отделение недугов от заклятий
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Заведующий отделением</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целители</span> <span class="vac-placeholder"><a href="#">Name Surname</a>, <a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 6 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          6. Отделение акушерства и педиатрии
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Заведующий отделением</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Старший педиатр</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целители-акушеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целители-педиатры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Медицинский персонал</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- 7 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          7. Кафетерий и больничная лавка
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Аптекари</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Работники кафетерия</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- -1 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          −1. Морг и хозяйственные помещения
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Патологоанатом</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Работники морга</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <!-- -2 -->
      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)">
          <span class="fp-spoiler-icon">▸</span>
          −2. Лабораторные помещения
        </div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Заведующий лабораториями</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Лаборатория алхимии</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Лаборатория вирусологии</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Лаборатория зелья</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span> <span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>
  </div>
</div>

<script>
function vacToggle(toggle) {
  var clicked = toggle.parentElement;
  var isOpen = clicked.classList.contains('open');
  var grid = clicked.closest('.vac-grid');
  grid.querySelectorAll('.fp-spoiler').forEach(function(s) {
    s.classList.remove('open');
  });
  if (!isOpen) {
    clicked.classList.add('open');
  }
}
</script>
[/html][hideprofile]

0

3

  • Автор: Solitude
  • lullaby of woe
  • Solitude
  • Сообщений: 129
  • Уважение: +47

[html]
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&family=Manrope:wght@300;400;500;600&display=swap" rel="stylesheet">

<div class="fp-wrap">
  <div class="fp-bg"></div>

<div class="vac-body">

    <!-- ======================== ЛОНДОНСКИЙ ТОРГОВЫЙ КВАРТАЛ ======================== -->
    <div class="vac-section-title">Лондонский торговый квартал</div>

    <!-- Косой переулок -->
    <div class="vac-area-title">Косой переулок</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Аптека Малпеппера</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Аптека «Слизень и Джиггер»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Бутылочное пиво Белчера</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Все для квиддича</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Оборудование для умников</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Волшебный зверинец</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Гринготтс</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Ликвидаторы заклятий</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Дырявый котел</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=79">Remus Lupin</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Зелья Дж. Пиппина</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Издательский дом «Обскурус»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-name npc">Bertrand Rosier <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Помощница владельца</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=27">Eloise Rosier</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Кафе-мороженое Фортескью</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Кондитерская Шугарплама</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка Фойерверкуса</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка Олливандера</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка письменных принадлежностей</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка старьёвщика</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Магазин котлов</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Мантии на все случаи жизни</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Омолаживающие зелья Примпернель</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Твилфитт и Таттинг</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Торговый центр «Совы»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Флориш и Блоттс</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

    <!-- Горизонтальная аллея -->
    <div class="vac-area-title">Горизонтальная аллея</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Табачник</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Фонарики Флимфлама</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Паб «Фонтан феи Фортуны»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Игрушки Пилливинкла</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Парикмахерская Виоанвискера</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Зелья от всех недугов</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

    <!-- Каркиттский рынок -->
    <div class="vac-area-title">Каркиттский рынок</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Кузница Боума Э. Райта</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Часовщики Когг и Белл</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Конкордия и Планкетт</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Эликсиры Этернель</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Турагентство «Globus Mundi»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Обмен валют Гринготтса</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Паб «Прыгающий горшок»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка заливных угрей</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Музей маггловских диковинок</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Сумки «Stowe &amp; Packers»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

  </div>
</div>

<script>
function vacToggle(toggle) {
  var clicked = toggle.parentElement;
  var isOpen = clicked.classList.contains('open');
  var grid = clicked.closest('.vac-grid');
  grid.querySelectorAll('.fp-spoiler').forEach(function(s) {
    s.classList.remove('open');
  });
  if (!isOpen) {
    clicked.classList.add('open');
  }
}
</script>
[/html][hideprofile]

0

4

  • Автор: Solitude
  • lullaby of woe
  • Solitude
  • Сообщений: 129
  • Уважение: +47

[html]
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&family=Manrope:wght@300;400;500;600&display=swap" rel="stylesheet">

<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="vac-body">

    <!-- ======================== ХОГСМИД ======================== -->
    <div class="vac-section-title">Хогсмид</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Волшебная брюква»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Волшебные палочки от Олливандера»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Дэрвиш и Бэнгз»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=19">Emberlyn Travers</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Зелья Джея Пепина»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Зонко»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Круголётка»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Магазин перьев Писарро</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Музыкальный магазин Доминик Маэстро</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Сладкое королевство»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=46">Theobald Flume</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Тимофиллы и поганки»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Фолианты и свитки»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Шапка-невидимка»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Клюв и хохолок»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Котлы Керидвен»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Ткани Фикл»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Магазин семьи Хейден</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Заколдованный магазин»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Старый глупец»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Магазин Ренки Рабблхаузер</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Флейты и лютни»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Бингл и Блэтч»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Кабанья голова»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Кафе мадам Паддифут</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Три метлы»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-name npc">Rosmerta Brown <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Чайный пакетик Розы Ли»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>«Стипли и сыновья»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Парикмахерский салон мадам Снеллинг</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Волшебная парикмахерская</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Хогсмидское отделение совиной почты</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Штаб-квартира волшебного радио</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Кладбище Хогсмида</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Смотритель</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Помощники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Общественный сад Хогсмида</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Смотритель сада</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Садовники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

    <!-- ======================== ХОГВАРТС ======================== -->
    <div class="vac-section-title">Хогвартс</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Администрация и персонал</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Директор школы</span><span class="vac-name npc">Albus Dumbledore <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Заместитель директора</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Смотритель / лесничий</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Заведующий больничным крылом</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Школьный библиотекарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Школьный совет</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Завхоз</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Преподаватели и студенты</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Деканы факультетов</span><span class="vac-name npc">Minerva McGonagall <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Преподаватели</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Студенты</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

  </div>
</div>

<script>
function vacToggle(toggle) {
  var clicked = toggle.parentElement;
  var isOpen = clicked.classList.contains('open');
  var grid = clicked.closest('.vac-grid');
  grid.querySelectorAll('.fp-spoiler').forEach(function(s) {
    s.classList.remove('open');
  });
  if (!isOpen) {
    clicked.classList.add('open');
  }
}
</script>
[/html][hideprofile]

0

5

  • Автор: Solitude
  • lullaby of woe
  • Solitude
  • Сообщений: 129
  • Уважение: +47

[html]<div class="fp-wrap">
  <div class="fp-bg"></div>

  <div class="vac-body">

    <!-- ======================== ЧЁРНЫЙ РЫНОК ======================== -->
    <div class="vac-section-title">Чёрный рынок</div>
    <div class="vac-note">практически все богатые представители рынка владеют для прикрытия лавками в условно «сером» Лютном</div>

    <div class="vac-area-title">Лютный переулок</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка «Борджин и Берк»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Совладельцы</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=37">Eva Borgin</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Барбершоп «Beard Trimming»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Букмекерская контора</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Служба чистки каминов «Sweep Elf»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка Кобба и Уэбба (Cobb &amp; Webb's)</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Магазин «Дом гробов» (The Coffin House)</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка «Dystyl Phaelanges»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Похоронное бюро «E.L.M»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Управляющая</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка «Fledermaus and Tanner»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Тату-салон «Markus Scarr's Tattoos»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=53">Markus Scarrs</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=44">Niamh Macqueen</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка шляп МакХэвелока</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка «Moribund's»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка древностей</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка «Msaw Ætare»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка «Noggin and Bonce»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=50">Chester Noggin</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Магазин котлов Потиджа</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка Прии Тредвелл</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Свечная лавка «Tallow and Hemp»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Замочная мастерская Треклшэнкса</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Яды и отравы Шайверетч</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=21">Ivy Shyverwretch</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=21">Ivy Shyverwretch</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка «Колючий змей» (The Spiny Serpent)</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Магазин прорицаний «Starry Prophesier»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Паб «Белая Виверна»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Лавка волшебных товаров</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

    <div class="vac-area-title">Яма Лютного</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Бар «Обугленный котел»</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-name npc">Scorpius <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Бармен</span><span class="vac-name npc">Flint (Кремень, гоблин) <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Сотрудники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вышибалы (оборотни)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Банда Скорпиуса</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Личная помощница</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=37">Eva Borgin</a></span></div>
          <div class="vac-row"><span class="vac-role">Участники</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=15">Darius Moribund</a> (артефактор), <a href="https://solitude.rusff.me/profile.php?id=38">Cailen Montague</a> (помощница Евы)</span></div>
          <div class="vac-row"><span class="vac-role">Охрана и наемники</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=50">Chester Noggin</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Алхимический подвал</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Главный алхимик</span><span class="vac-name npc">Corvin Snyde <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Алхимики</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Поставщики Красной пыли</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Подопытные</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Биржа</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Дельцы / предприниматели</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Торговцы</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Артефакторы</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Зельевары</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Наемники</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Браконьеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Воры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ростовщики</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Нелегальные обливиаторы</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Публичные дома Мадам Найт</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-name npc">Night Noggin <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Администратор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Куртизанки</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=80">Klee Torok</a></span></div>
          <div class="vac-row"><span class="vac-role">Артисты</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охрана</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целитель</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Уличные проститутки</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Подпольная больница</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Главный целитель</span><span class="vac-name npc">Rowen Wiggins <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Нелегальные целители</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=9">Oscar Windham</a></span></div>
          <div class="vac-row"><span class="vac-role">Магический хирург</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ассистенты целителя</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=36">Leta Borgin</a></span></div>
          <div class="vac-row"><span class="vac-role">Снабженец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охрана</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Подпольное казино</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Смотритель зала</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Крупье / дилеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Иллюзионист</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=67">Mors Berry</a></span></div>
          <div class="vac-row"><span class="vac-role">Бармен</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Обслуживающий персонал</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охрана / вышибалы</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Коллекторы</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Информаторы</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Бойцовская арена</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Организатор боёв</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Распорядитель поединков</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Букмекер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ведущий</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Бойцы</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Целители</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Судьи-наблюдатели</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Конвоиры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Подпольный аукционный дом</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец-распорядитель торгов</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Аукционист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Эксперт / оценщик</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Архивариус</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Помощники аукциониста</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охрана</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Курьеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Скрытые склады</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Управляющий складом</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=62">Declan Scabior</a></span></div>
          <div class="vac-row"><span class="vac-role">Контрабандисты</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=18">gabriel meliflua</a>, <a href="https://solitude.rusff.me/profile.php?id=17">Mikael Meliflua</a></span></div>
          <div class="vac-row"><span class="vac-role">Сторожа</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Перевозчики / грузчики</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Связные</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Скупщики</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

    <!-- ======================== КВИДДИЧ ======================== -->
    <div class="vac-section-title">Квиддич</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Гордость Портри</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Катапульты Кайрфилли</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Кенмарские Коршуны</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=8">Rabastan Lestrange</a>, <a href="https://solitude.rusff.me/profile.php?id=20">Meredith Sallow</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Нетопыри Ньюкасла</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=30">Soren Goyle</a> (капитан), <a href="https://solitude.rusff.me/profile.php?id=57">Mariannе Crabbe</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Паддлмир Юнайтед</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=32">Hugh Diggory</a> (капитан)</span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=33">Elliot Vale</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Пушки Педдл</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Селькиркские Скитальцы</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Сенненские Соколы</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=59">Hestia Jones</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=16">Obsidian Flint</a> (капитан)</span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Стоунхейвенские Сороки</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=63">Gerald Wood</a>, <a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Холихедские Гарпии</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Тренер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Охотники (3)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Загонщики (2)</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Вратарь</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Ловец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

    <!-- ======================== СМИ ======================== -->
    <div class="vac-section-title">Средства массовой информации</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Ежедневный Пророк</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-name npc">Barnabas Cuffe <sup>npc</sup></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Придира</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Ведьмин Досуг</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Новости Волшебного Мира</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Еженедельник Ловца</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Спелла</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Воинственный Колдун</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Трансфигурация Сегодня</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Проблемы Чароведения</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Практика Зельеварения</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Владелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Главный редактор</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Журналист</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Колдограф</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

    </div>

    <!-- ======================== ПРОЧЕЕ ======================== -->
    <div class="vac-section-title">Прочее</div>
    <div class="vac-grid">

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Заповедник драконов на Гебридах</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Главный драконолог</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Драконологи</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Уэльский заповедник драконов</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Главный драконолог</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Драконологи</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=49">Perseus Maddox</a>, <a href="https://solitude.rusff.me/profile.php?id=45">Brona Haywood</a>, <a href="https://solitude.rusff.me/profile.php?id=24">Mary Macdonald</a>, <a href="https://solitude.rusff.me/profile.php?id=71">Merida Scamander</a></span></div>
          <div class="vac-row"><span class="vac-role">Зельевар</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=45">Brona Haywood</a></span></div>
          <div class="vac-row"><span class="vac-role">Стажеры</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Другое</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-role">Thunderbolt Inc., управляющий менеджер</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Thunderbolt Inc., совладелец</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Личный помощник владельца винокурни</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=66">Victor Bardsley</a></span></div>
          <div class="vac-row"><span class="vac-role">Архитектурное бюро, дизайнер</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=14">Rouen Rosier</a></span></div>
          <div class="vac-row"><span class="vac-role">Антикварная лавка, издательское дело</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=6">Evan Rosier</a></span></div>
          <div class="vac-row"><span class="vac-role">Владелец ночного клуба Illudere</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=43">Elias Gaultier</a></span></div>
          <div class="vac-row"><span class="vac-role">Актриса театра В.А.Д.И.</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=51">Elysse Gaultier</a></span></div>
          <div class="vac-row"><span class="vac-role">Независимый посредник, зельевар, артефактолог</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=78">Paul Laminat</a></span></div>
          <div class="vac-row"><span class="vac-role">Частный детектив</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Дизайнер архитектурного бюро Энн Флинт</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Владелица заповедника змей «'oφίων», певица</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
          <div class="vac-row"><span class="vac-role">Глава фонда «feralis», преподаватель</span><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=12">Charlotte Rookwood</a></span></div>
          <div class="vac-row"><span class="vac-role">Гебридские острова, драконолог; учитель УЗМС</span><span class="vac-placeholder"><a href="#">Name Surname</a></span></div>
        </div>
      </div>

      <div class="fp-spoiler">
        <div class="fp-spoiler-toggle" onclick="vacToggle(this)"><span class="fp-spoiler-icon">▸</span>Безработные</div>
        <div class="fp-spoiler-body">
          <div class="vac-row"><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=10">Bellatrix Lestrange</a></span></div>
          <div class="vac-row"><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=11">Narcissa Malfoy</a></span></div>
          <div class="vac-row"><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=7">Sirius Black </a></span></div>
          <div class="vac-row"><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=42">Regulus Black</a></span></div>
         <div class="vac-row"><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=64">Bedelia Selwyn</a></span></div>
         <div class="vac-row"><span class="vac-placeholder"><a href="https://solitude.rusff.me/profile.php?id=68">Mundungus Fletcher</a></span></div>
        </div>
      </div>

    </div>

  </div>
</div>

<script>
function vacToggle(toggle) {
  var clicked = toggle.parentElement;
  var isOpen = clicked.classList.contains('open');
  var grid = clicked.closest('.vac-grid');
  grid.querySelectorAll('.fp-spoiler').forEach(function(s) {
    s.classList.remove('open');
  });
  if (!isOpen) {
    clicked.classList.add('open');
  }
}
</script>
[/html][hideprofile]

0

Тема закрыта
Страница: 1

Вы здесь » hp: solitude » not all that shines is a snitch » вакансии

Рейтинг форумов | Создать форум бесплатно