[html]<section class='job-sect'>

<div class="vtabs-wrapper">
  <div class="vtabs-cont">
    <div class="vtab-buttons">
      <button class="vtab-btn">министерство магии</button>
      <button class="vtab-btn">больница св. мунго</button>
      <button class="vtab-btn">квиддич и гонки</button>
      <button class="vtab-btn">хогсмид</button>
      <button class="vtab-btn">хогвартс</button>
      <button class="vtab-btn">косой переулок</button>
      <button class="vtab-btn">лютный переулок</button>
      <button class="vtab-btn">магические поселения</button>
      <button class="vtab-btn">остальное</button>
    </div>

<!--------- МИНИСТЕРСТВО ----------------------------------------------------------->
<div class="vtab-content">

      <div class="job_main">
            <span class="job_department">министр магии и прочий персонал</span>

                <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=45">berenice cuffe</a></span>  <loyal>conclave</loyal>
            <h5>политтехнолог заместителя министра</h5> 
           </div>

            <span class="job_department">визенгамот</span>

            <div class="job_pers">
            <span class="job_pers_title"> <a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

<span class="job_department">департамент обеспечения магического правопорядка</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=102">river mori</a></span>  <loyal>нейтралитет</loyal>
            <h5>помощник главы аврората, старший аврор</h5> 
           </div>

<span class="job_department">департамент магических происшествий и катастроф</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=4">aiden avery</a></span>  <loyal>конклав</loyal>
            <h5>глава департамента, старший судья визенгамота от аккорда, имеет лицензию на покупку, переработку и перепродажу драконьих останков из заповедников британии</h5> 
</div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=87">aurora sallow</a></span>  <loyal>конклав</loyal>
            <h5>ликвидатор заклятий</h5> 
           </div>
         

  <span class="job_department">департамент регулирования магических популяций и контроля над ними</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=80">rohan chandrar</a></span>  <loyal> revierie</loyal>
            <h5>драконолог валлийского заповедника</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

  <span class="job_department">департамент международного магического сотрудничества</span>
       
            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

  <span class="job_department">департамент магического транспорта</span>
       
            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

  <span class="job_department">департамент магических игр и спорта</span>
       
            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

  <span class="job_department">атриум</span>
       
            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

  <span class="job_department">департамент тайн</span>
       
            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"> name surname</span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

      </div>

</div>

<!--------- МУНГО ----------------------------------------------------------->
<div class="vtab-content">

  <div class="job_main">
            <span class="job_department">- 1 этаж // внутренний служебный уровень</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <span class="job_department">0 этаж // для углубленной диагностики</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <span class="job_department">1 этаж //  приемно-неотложный блок // травмы от рукотворных предметов</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <span class="job_department">2 этаж // ранения от живых существ</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <span class="job_department">3 этаж // волшебные вирусы</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <span class="job_department">4 этаж // отравления растениями и зельями</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <span class="job_department">5 этаж // недуги от заклятий</span>

                 <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=10">susan bones</a></span>  <loyal>conclave</loyal>
            <h5>колдомедик в больнице св.мунго; отделение недугов от заклятий</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <span class="job_department">6 этаж // буфет для посетителей и больничная лавка</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <span class="job_department">7 этаж // родильное отделение // педиатрия</span>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

</div>
</div>

<!--------- КВИДДИЧ И ГОНКИ ----------------------------------------------------------->
<div class="vtab-content">
<div class="job_main">

            <span class="job_department">паддлмир юнайтед</span>
            <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=51">lando hill</a></span>  <loyal>конклав</loyal>
            <h5>охотник первого состава</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

</div>
</div>

<!--------- ХОГСМИД ----------------------------------------------------------->
<div class="vtab-content">
<div class="job_main">
            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>
</div>
</div>

<!--------- ХОГВАРТС ----------------------------------------------------------->
<div class="vtab-content">
<div class="job_main">
            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>
</div>
</div>

<!--------- КОСОЙ ----------------------------------------------------------->
<div class="vtab-content">
<div class="job_main">

<div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=9">astoria malfoy</a></span>  <loyal> caterie</loyal>
            <h5>совладелица «nexus», «obscurus books» и конюшни с крылатыми конями.</h5> 
           </div>

             <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=8">daphne greengrass</a></span>  <loyal>caterie</loyal>
            <h5>владелица ⅓ «obscurus books» <br>
владелица  Ѕ  «nexus»</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>
</div>
</div>

<!--------- ЛЮТНЫЙ ----------------------------------------------------------->
<div class="vtab-content">
<div class="job_main">
      <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=13">ilija dolohov</a></span>  <loyal>revierie</loyal>
            <h5>владелец лавки древностей</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>
</div>
</div>

<!--------- ПОСЕЛЕНИЯ ----------------------------------------------------------->
<div class="vtab-content">
<div class="job_main">
            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="">name surname</a></span>  <loyal>лояльность</loyal>
            <h5>описание</h5> 
           </div>
</div>
</div>

<!--------- ОСТАЛЬНОЕ ----------------------------------------------------------->
<div class="vtab-content">
<div class="job_main">

            <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=50">calanthe flamel</a></span>  <loyal>conclave</loyal>
            <h5>колдограф, Ѕ владелица магического парка аттракционов «arcadium carnival»</h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=71">florence montague</a></span>  <loyal>ревьеристы</loyal>
            <h5>кораблестроитель (частично артефактолог)</h5> 
           </div>

          <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=109">isak nygaard</a></span>  <loyal>катерийцы</loyal>
            <h5>аферист, артефактолог </h5> 
           </div>

            <div class="job_pers">
            <span class="job_pers_title"><a href="https://veilfire.rusff.me/profile.php?id=28">violet goldstein</a></span>  <loyal>катерийцы</loyal>
            <h5>блогер, сетевая модель</h5> 
           </div>

</div>
</div>

  </div>
</div>


</section>[/html][hideprofile]