биржа труда такома
[html]
<div class="where">
<!-- Внешние табы -->
<div class="tabs">
<div class="tab active" data-city="city1">управление города и городские службы</div>
<div class="tab" data-city="city2">здравоохранение</div>
<div class="tab" data-city="city3">наука и образование</div>
<div class="tab" data-city="city4">культура и развлечения</div>
<div class="tab" data-city="city5">бизнес и сфера услуг</div>
<div class="tab" data-city="city6">сми и медиа</div>
<div class="tab" data-city="city7">криминал</div>
<div class="tab" data-city="city8">другое</div>
</div>
<!-- управление города и городские службы -->
<div id="city1" class="tab-content active">
<div class="where-all">
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">городской совет</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> мэр — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> заместитель мэра — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> городской советник — </p> <a href="https://insomni.rusff.me/profile.php?id=25">malcolm landgraab</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p>городской советник — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> секретарь — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> секретарь — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> глава пресс-службы: — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">городской суд</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> судья — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> секретарь — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> прокурор — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> помощник прокурора — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> адвокат — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> адвокат — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> судебный пристав — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">полицейское управление</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> детектив по особо тяжким преступлениям— </p> <a href="https://insomni.rusff.me/profile.php?id=141">thalia thorne</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">городское кладбище</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> могильщик — </p> <a href="https://insomni.rusff.me/profile.php?id=164">ripp grunt</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
</div>
</div>
<!-- здравоохранение -->
<div id="city2" class="tab-content">
<div class="where-all">
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">городская больница</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> хирург в отд-и скорой помощи; — </p> <a href="https://insomni.rusff.me/profile.php?id=108">han jaein</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
</div>
</div>
<!-- образование -->
<div id="city3" class="tab-content">
<div class="where-all">
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">университет</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> студент — </p> <a href="https://insomni.rusff.me/profile.php?id=104">lucien overton</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> преподаватель истории — </p> <a href="https://insomni.rusff.me/profile.php?id=18">eugene dupont</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> преподаватель энтомологии — </p> <a href="https://insomni.rusff.me/profile.php?id=128">gilbert moore</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> студент — </p> <a href="https://insomni.rusff.me/profile.php?id=105">daniel hayes</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> студентка, чирлидерша — </p> <a href="https://insomni.rusff.me/profile.php?id=180">holly alto</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">старшая школа</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p>ученица — </p> <a href="https://insomni.rusff.me/profile.php?id=100">rowan walsh</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">библиотека</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p>владелец бибилиотеки — </p> <a href="https://insomni.rusff.me/profile.php?id=137">lionel landgraab</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">образовательное учреждение "goth academy"</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> преподаватель, декан — </p> <a href="https://insomni.rusff.me/profile.php?id=172">cassandra goth</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
</div>
</div>
<!-- культура и развлечения -->
<div id="city4" class="tab-content">
<div class="where-all">
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">музей</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">театр</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> оперная певица — </p> <a href="https://insomni.rusff.me/profile.php?id=54">ariadne valmont</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">художественная галерея</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=112">elliot miller</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">частный кинотеатр "Bijou"</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p>владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=163">pascal noirval</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
</div>
</div>
<!-- бизнес и сфера услуг -->
<div id="city5" class="tab-content">
<div class="where-all">
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">банк «aurum bank»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=25">malcolm landgraab</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> управляющий — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">жемчужные фермы</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=59">ocean del mar</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">юридическая фирма "девон и партнеры"</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> основатель — </p> <a href="https://insomni.rusff.me/profile.php?id=5">yonsu lee</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">автомастерская «walsh & sons auto»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> технический директор — <a href="https://insomni.rusff.me/profile.php?id=85">andrew walsh</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">отель “founder’s house”</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелица — </p> <a href="https://insomni.rusff.me/profile.php?id=73">evangeline landgraab</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> хост — </p> <a href="https://insomni.rusff.me/profile.php?id=103">noah kripke</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> управляющая — </p> <a href="https://insomni.rusff.me/profile.php?id=153">aurora nelson</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">мастерская «Lola's garage»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелица/автомеханик— </p> <a href="https://insomni.rusff.me/profile.php?id=14">lorraine walsh</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> автомеханик — </p> <a href="https://insomni.rusff.me/profile.php?id=181">asher hall</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">оружейный магазин «hunter&hunter</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=113">ian quill</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">компания грузоперевозок «Road Runner»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p>владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=113">ian quill</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">частное охранное предприятие «AUF» [«American Universal Force»]</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> сотрудник службы безопасности — </p> <a href="https://insomni.rusff.me/profile.php?id=88">fellise moro</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> управляющий казино — </p> <a href="https://insomni.rusff.me/profile.php?id=162">adam chase</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">закрытый клуб «The Palladium»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец клуба — </p> <a href="https://insomni.rusff.me/profile.php?id=13">seraphim arden</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">компания по производству огнестрельного оружия и боеприпасов «alto arms»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> гендиректор — </p> <a href="https://insomni.rusff.me/profile.php?id=131">nick alto</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">компания «landgraab holdings»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=25">malcolm landgraab</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">ночной клуб «Temptation»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=19">sonia radu</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">ресторан «Pho Tai»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> официантка — </p> <a href="https://insomni.rusff.me/profile.php?id=101">raven burke</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">оккультно-спиритическая лавка “afterlife”</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец/работник — </p> <a href="https://insomni.rusff.me/profile.php?id=89">august von rosenkrantz</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">ночной клуб «luna sanguinis»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> танцовщица — </p> <a href="https://insomni.rusff.me/profile.php?id=165">jun asakura</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">ресторан "Boathouse 19"</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> официантка — </p> <a href="https://insomni.rusff.me/profile.php?id=170">ophelia nigmos</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> официантка — </p> <a href="https://insomni.rusff.me/profile.php?id=183">renata soler</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> музыкант — </p> <a href="https://insomni.rusff.me/profile.php?id=182">julian rivo</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">байкерский клуб "Harbingers of the Apocalypse"</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=188">morgan ashford</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
</div>
</div>
<!-- сми и медиа -->
<div id="city6" class="tab-content">
<div class="where-all">
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">центральный телеканал</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> профессия — </p> <a href="https://insomni.rusff.me/">name surname</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
</div>
</div>
<!-- криминал -->
<div id="city7" class="tab-content">
<div class="where-all">
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">подпольный бойцовский клуб для нечисти «primus sanguis»</span>
<span class="where-all-onebox-sp2">город <b>такома</b></span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелец — </p> <a href="https://insomni.rusff.me/profile.php?id=131">nick alto</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> элитный боец — </p> <a href="https://insomni.rusff.me/profile.php?id=201">yongho lee</a> </div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p>элитный боец — </p> <a href="https://insomni.rusff.me/profile.php?id=173">dante moretti</a> </div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> бармен — </p> <a href="https://insomni.rusff.me/profile.php?id=198">juliette capp</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
</div>
</div>
<!-- другое -->
<div id="city8" class="tab-content">
<div class="where-all">
<!--начало одной локации -->
<div class="where-all-onebox">
<span class="where-all-onebox-sp1">фриланс и владения</span>
<span class="where-all-onebox-sp2">такома</span>
<div class="where-all-onebox-all">
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> писатель — </p> <a href="https://insomni.rusff.me/profile.php?id=93">william pembroke</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> музыкант — </p> <a href="https://insomni.rusff.me/profile.php?id=84">ethan marlowe</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> бармен — </p> <a href="https://insomni.rusff.me/profile.php?id=176">evan choi</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> археолог — </p> <a href="https://insomni.rusff.me/profile.php?id=111">yerin lee</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p>фермер\владелец— </p> <a href="https://insomni.rusff.me/profile.php?id=49">jeremy river</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> фермер — </p> <a href="https://insomni.rusff.me/profile.php?id=34">derek reed</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> предприниматель, путешественник— </p> <a href="https://insomni.rusff.me/profile.php?id=132">сain yun</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> инвестор, владелец гостиничного бизнеса — </p> <a href="https://insomni.rusff.me/profile.php?id=115">kenro yamamoto</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> генеральный директор — </p> <a href="https://insomni.rusff.me/viewtopic.php?id=88">dominic madsen</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> владелица бьюти-салонов — </p> <a href="https://insomni.rusff.me/profile.php?id=144">vita alto</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p>путешественник— </p><a href="https://insomni.rusff.me/profile.php?id=173">dante moretti</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> писатель — </p> <a href="https://insomni.rusff.me/profile.php?id=169">tomax collette</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> писатель хоррор-триллеров — </p> <a href="https://insomni.rusff.me/profile.php?id=161">finn callahan</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> повар в фудтраке — </p> <a href="https://insomni.rusff.me/profile.php?id=192">marvin streep</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> разнорабочий — </p> <a href="https://insomni.rusff.me/profile.php?id=191">richi pure</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> блогер — </p> <a href="https://insomni.rusff.me/profile.php?id=194">luna yun</a>
</div>
<!--конец одной профессии -->
<!--начало одной профессии -->
<div class="where-all-onebox-all-one">
<p> писательница мистических романов— </p> <a href="https://insomni.rusff.me/profile.php?id=205">arin mcdoughal</a>
</div>
<!--конец одной профессии -->
</div>
</div>
<!--конец одной локации -->
</div>
</div>
</div></div></div>
<script>
// Внешние табы
const tabs = document.querySelectorAll('.tab');
const tabContents = document.querySelectorAll('.tab-content');
tabs.forEach(tab => {
tab.addEventListener('click', () => {
tabs.forEach(t => t.classList.remove('active'));
tab.classList.add('active');
tabContents.forEach(content => content.classList.remove('active'));
document.getElementById(tab.dataset.city).classList.add('active');
});
});
// Внутренние табы
const innerTabsContainers = document.querySelectorAll('.tab-content');
innerTabsContainers.forEach(container => {
const innerTabs = container.querySelectorAll('.inner-tab');
const innerContents = container.querySelectorAll('.inner-tab-content');
innerTabs.forEach(innerTab => {
innerTab.addEventListener('click', () => {
innerTabs.forEach(t => t.classList.remove('active'));
innerTab.classList.add('active');
innerContents.forEach(c => c.classList.remove('active'));
container.querySelector('#' + innerTab.dataset.content).classList.add('active');
});
});
});
</script>
[/html]
