<!--HTML--><style>
.t1 {
width: 600px;
}

.t2 {
      font-family: 'Neucha';
    font-weight: bold;
    font-size: 20px;
    border-bottom: dashed;
    border-color: #8ec29c;
    width: 350px;
    color: #777197;
    text-shadow: 1px 0px white;
    transition: all 0.5s linear;
 }


.t2:hover {
      letter-spacing: 1px;
font-family: 'Neucha';
    font-weight: bold;
    font-size: 20px;
    border-bottom: dashed;
    border-color: #7b7396;
    width: 350px;
    color: #8ec29c;
    text-shadow: 1px 0px white;
    transition: all 0.5s linear;
 }


.t3 { 
font-family: verdana;
text-align: justify;
    padding: 10px;
    font-size: 10px;
    background-color: #726a8b08;
   }
</style>

<center><div class="t1">
<div class="t2">занятость</div>
<div class="t3"> <br><b>при наведении на факультет будут видны предметы, которые можно вести;
<br>можно предложить свой предмет - не воспрещается;
<br>кружки и доп.занятия будут позже</b></div>
 </div></center>

[html]
<center><div class="tabosnov">
<div class="tabs">
    <input type="radio" name="tab-btn" id="tab-btn-1" value="" checked>
    <label for="tab-btn-1">ГУМАНИТАРНЫЕ НАУКИ</label>

    <input type="radio" name="tab-btn" id="tab-btn-2" value="">
    <label for="tab-btn-2">ОБЩЕСТВЕННЫЕ НАУКИ</label>

    <input type="radio" name="tab-btn" id="tab-btn-3" value="">
    <label for="tab-btn-3">БИОЛОГИЧЕСКИЕ НАУКИ</label>

    <input type="radio" name="tab-btn" id="tab-btn-4" value="">
    <label for="tab-btn-4">КЛИНИЧЕСКАЯ МЕДИЦИНА</label>

    <input type="radio" name="tab-btn" id="tab-btn-5" value="">
    <label for="tab-btn-5">ФИЗИЧЕСКИЕ НАУКИ</label>

    <input type="radio" name="tab-btn" id="tab-btn-6" value="">
    <label for="tab-btn-6">ТЕХНИКА И ТЕХНОЛОГИИ</label>

    <input type="radio" name="tab-btn" id="tab-btn-7" value="">
    <label for="tab-btn-7">КРУЖКИ и ФАКУЛЬТАТИВЫ</label>

    <div id="content-1">
<p title="архитектура, история искусств"><B>Факультет архитектуры и истории искусств</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=15">Edgar Goldstein²</a><br>
<P title="литература, древняя философия, древняя история, классическое искусство и археология, лингвистика"><B>Факультет классики</B>
<P title="история христианства, философия религии, теология"><B>Факультет богословия</B>
<P title="англосаксонский язык, английская литература, английский язык"><B>Факультет английского языка</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=14">Richard Wilcox ^{английская литература}</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=74">somerset mortensen ^{историко-культурные тенденции в мировой и английской литературе/природа и функции художественного текста}</a>
<P title="французский, немецкий, итальянский, испанский"><B>Факультет современных языков</B>
<P title="музыка, история музыки, теория музыки"><B>Факультет музыки</B>
<P title="метафизия, логика, этика, философия"><B>Факультет философии</B>
    </div>

    <div id="content-2">
<p title="социология, политология, международные отношения"><B>Факультет гуманитарных, социальных и политических наук</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=40">Harmony Scout ^{аспирант}</a><br>
<p title="макроэкономика, микроэкономическая теория, экономическая истории, эконометрика"><B>Факультет экономики</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=24">Mackenzie Fitzroy^{эконометрика}</a><br>
<p title="искусство и творчество, образование"><B>Факультет образования</B>
<p title="Американская история, Древняя и Средневековая история; Ранняя Современная история; Современная Британская история; Современная Европейская история, Всемирная история, археология"><B>Факультет истории</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=24">James Oldridge ³</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=57">Ciara Uly ¹</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=58">Cayden Boyd ^{Всемирная история}</a>
<p title="гражданское право, международное право, корпоративное право, частное право, криминология"><B>Факультет права</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=3"> Lotti Moor ¹</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=10"> Astoria Hunter ²</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=51">Abbey Bates ²</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=5">William Aiken ^{аспирант}</a>
    </div>

    <div id="content-3">
<p title="клеточная биология, молекулярная биология, биохимия"><B>Факультет биохимии</B>
<p title="геномика, системная биология, клеточная биология, микробная генетика, эволюция"><B>Факультет генетики</B>
<p title="молекулярная генетика, паразитология, микробиология, патология"><B>Факультет патологии</B>
<p title="фармакология, токсикология"><B>Факультет фармакологии</B>
<p title="нейробиология развития, наука о стволовых клетках, нейрофизиология, нейронная механика"><B>Факультет физиологии и неврологии</B>
<p title="ботаника, систематика и эволюция растений, экология растений, фотосинтез, биохимия растений"><B>Факультет ботаники</B>
<p title="психопатология, поведенческая неврология, психология, экспериментальная психология"><B>Факультет психологии</B>
<p title="зоология, ветеринария"><B>Факультет зоологии</B>
    </div>

<div id="content-4">
<p title="клиническая иммунология, биохимия, патохимия"><B>Факультет клинической биохимии</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=9">Cain Wilcox ^{биохимия}</a>
<p title="неврология, нейрохирургия"><B>Факультет клинической неврологии</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=84">amalia satten ¹</a>
<p title="гематология, трансфузиология, лабораторная диагностика"><B>Факультет гематологии</B>
<p title="генетика, физиология, фармакогенетика"><B>Факультет медицинской генетики</B>
<p title="гастроэнтерология, иммунология"><B>Факультет медицины</B>
<p title="репродуктивная биология, иммунология, гинекология"><B>Факультет акушерства и гинекологии</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=70">  Hunter Kills ^{гинекология/паталогия}</a><br>
<p title="неонатология, детская эндокринология, педиатрия"><B>Факультет педиатрии</B>
<p title="поведенческая неврология, неврология зависимости, неврология здоровья, клиническая нейропсихология"><B>Факультет психиатрии</B>
<p title="диагностическая и терапевтическая ядерная медицина, нейрорадиология"><B>Факультет радиологии</B>
<p title="ортопедия, трансплантационная хирургия, хирургия"><B>Факультет хирургии</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=102">самбука ^декан</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=55">Cain Akerman ^{хирургия/танатология}</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=56">Leviathan Anderson ^{анатомия}</a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=30">Lea Weisz ²</a><br>
    </div>

<div id="content-5">
<p title="география, наука о Земле"><B>Факультет наук о Земле и географии</B>
<p title="прикладная математика, статистика"><B>Факультет математики</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=36">leona maximoff²</a>
<p title="физика, химия, металлургия"><B>Факультет физики и химии</B>
    </div>

<div id="content-6">
<p title="биоинженерия, электроника, информационные науки, энергетика, машиностроение"><B>Факультет инженерии</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=34">Simon Wilson²</a>
<p title="финансы, инновации, информационные системы, менеджмент"><B>Факультет бизнеса и менеджмента</B>
<p title="информационная безопасность, компьютерная лингвистика, мобильные системы, компьютерные технологии"><B>Факультет компьютерных наук и технологий</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=82">самогон⁴</a><br>
<p title="нейротехнология, окружающая среда, электрохимия, молекулярные биотехнологии"><B>Отделение химической инженерии и биотехнологий</B>
    </div>

<div id="content-7">
     будет позже
    </div>

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

  <style>
    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      text-align: left;
      background-color: #fff;
    }

  .tabosnov {background-color: #6686846e;
    margin-left: auto;
    margin-right: auto;
    width: 570px;
    height: 400px;
    }

    .tabs {
      font-size: 0;
      max-width: 550px;
      margin-left: auto;
      margin-right: auto;
    }

    .tabs>input[type="radio"] {
      display: none;
    }

    .tabs>div {
      /* скрыть контент по умолчанию */
     display: none;
    padding: 10px 15px;
    font-size: 12px;
    background-color: #78759254;
    height: 375px;
    overflow: scroll;
    }

    /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
    #tab-btn-1:checked~#content-1,
    #tab-btn-2:checked~#content-2,
    #tab-btn-3:checked~#content-3,
    #tab-btn-4:checked~#content-4,
    #tab-btn-5:checked~#content-5,
    #tab-btn-6:checked~#content-6,
    #tab-btn-7:checked~#content-7 {
      display: block;
    }

    .tabs>label {display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #7d8f88;
    border: 1px solid #b5b3aa54;
    padding: 2px 8px;
    color: white;
    font-size: 11px;
    font-family: 'Commissioner';
    font-weight: bold;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    position: relative;
    top: 1px;
    }

    .tabs>label:not(:first-of-type) {
      border-left: none;
    }

    .tabs>input[type="radio"]:checked+label {
          background-color: #787592;
    border-bottom: 2px solid #5d9179
    }
  </style>

[/html]

ОБЛАСТЬ НАУК И ФАКУЛЬТЕТ ПИШЕМ БЕЗ КОДА

<a href="ссылка на профиль">name surname <sup>декан/аспирант/предмет/курс цифрой</sup></a>

Подпись автора

Лотти Мур, 18
ведет подкаст про маньяков и убийц