<!--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<sup>2</sup></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 <sup>английская литература</sup></a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=74">somerset mortensen <sup>историко-культурные тенденции в мировой и английской литературе/природа и функции художественного текста</sup></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="http://thisiscambridge.rusff.me/profile.php?id=40">Harmony Scout <sup>аспирант</sup></a><br>
<p title="макроэкономика, микроэкономическая теория, экономическая истории, эконометрика"><B>Факультет экономики</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=24">Mackenzie Fitzroy<sup>эконометрика</sup></a><br>
<p title="искусство и творчество, образование"><B>Факультет образования</B>
<p title="Американская история, Древняя и Средневековая история; Ранняя Современная история; Современная Британская история; Современная Европейская история, Всемирная история, археология"><B>Факультет истории</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=24">James Oldridge <sup>3</sup></a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=57">Ciara Uly <sup>1</sup></a>, <a href="http://thisiscambridge.rusff.me/profile.php?id=58">Cayden Boyd <sup>Всемирная история</sup></a>
<p title="гражданское право, международное право, корпоративное право, частное право, криминология"><B>Факультет права</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=3"> Lotti Moor <sup>1</sup></a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=10"> Astoria Hunter <sup>2</sup></a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=51">Abbey Bates <sup>2</sup></a>, <a href="http://thisiscambridge.rusff.me/profile.php?id=5">William Aiken <sup>аспирант</sup></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 <sup>биохимия</sup></a>
<p title="неврология, нейрохирургия"><B>Факультет клинической неврологии</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=84">amalia satten <sup>1</sup></a>
<p title="гематология, трансфузиология, лабораторная диагностика"><B>Факультет гематологии</B>
<p title="генетика, физиология, фармакогенетика"><B>Факультет медицинской генетики</B>
<p title="гастроэнтерология, иммунология"><B>Факультет медицины</B>
<p title="репродуктивная биология, иммунология, гинекология"><B>Факультет акушерства и гинекологии</B>
<br><a href="http://thisiscambridge.rusff.me/profile.php?id=70"> Hunter Kills <sup>гинекология/паталогия</sup></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">самбука <sup>декан</sup></a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=55">Cain Akerman <sup>хирургия/танатология</sup></a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=56">Leviathan Anderson <sup>анатомия</sup></a>, <a href="https://thisiscambridge.rusff.me/profile.php?id=30">Lea Weisz <sup>2</sup></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<sup>2</sup></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<sup>2</sup></a>
<p title="финансы, инновации, информационные системы, менеджмент"><B>Факультет бизнеса и менеджмента</B>
<p title="информационная безопасность, компьютерная лингвистика, мобильные системы, компьютерные технологии"><B>Факультет компьютерных наук и технологий</B>
<br><a href="https://thisiscambridge.rusff.me/profile.php?id=82">самогон<sup>4</sup></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>
ПРИМЕР
гуманитарные науки, факультет права
ivan ivanov 3 - для студентов
или
vasya pupkin криминология - для преподавателей
или
tanya smirnova декан
- Подпись автора
Лотти Мур, 18
ведет подкаст про маньяков и убийц
