[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>
<div id="content-1">СПИСОК СТУДЕНТОВ
<table class="iksweb">
<tbody>
<tr>
<td><div class="tabs2"><div class="tabs3">ГУМАНИТАРНЫЕ НАУКИ</div>
<div class="tabs4"><b>Факультет архитектуры и истории искусств:</b></div>
<a href="ссылка на профиль">name surname <sup>7</sup></a>, <a href="ссылка на профиль">name surname <sup>7</sup></a>
<br><div class="tabs4"><b>Факультет классики:</b></div>
<a href="ссылка на профиль">name surname <sup>7</sup></a>, <a href="ссылка на профиль">name surname <sup>7</sup></a>
<br><div class="tabs4"><b>Факультет богословия:</b></div>
...
<br><div class="tabs4"><b>Факультет английского языка:</b></div>
<a href="https://fakeit.rusff.me/profile.php?id=14">evelina henstridge<sup>3</sup></a><br>
<br><div class="tabs4"><b>Факультет современных языков:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=51">angel grout <sup>2</sup></a>, <a href="https://fakeit.rusff.me/profile.php?id=34">ethan weisfeld <sup>3</sup></a>
<br><div class="tabs4"><b>Факультет музыки:</b></div>
...
<br><div class="tabs4"><b>Факультет философии:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">ОБЩЕСТВЕННЫЕ НАУКИ</div>
<br><div class="tabs4"><b>Факультет гуманитарных, социальных и политических наук:</b></div>
<br><div class="tabs4"><b>Факультет экономики:</b></div>
<br><div class="tabs4"><b>Факультет образования:</b></div>
<br><div class="tabs4"><b>Факультет истории:</b></div>
<a href="https://fakeit.rusff.me/profile.php?id=24">ciara uly <sup>1</sup></a>, <a href="http://fakeit.rusff.me/profile.php?id=15">veronica austin <sup>1</sup></a>, <a href="https://fakeit.rusff.me/profile.php?id=54">brody weston <sup>2</sup></a>
<br><div class="tabs4"><b>Факультет права:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=6">lotti moore <sup>1</sup></a>
</div></td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">БИОЛОГИЧЕСКИЕ НАУКИ</div>
<br><div class="tabs4"><b>Факультет биохимии:</b></div>
<br><div class="tabs4"><b>Факультет генетики:</b></div>
<br><div class="tabs4"><b>Факультет патологии:</b></div>
<a href="ttp://fakeit.rusff.me/profile.php?id=29">elizabeth northfil <sup>1</sup></a>
<br><div class="tabs4"><b>Факультет фармакологии:</b></div>
<br><div class="tabs4"><b>Факультет физиологии и неврологии:</b></div>
<br><div class="tabs4"><b>Факультет ботаники:</b></div>
<br><div class="tabs4"><b>Факультет психологии:</b></div>
<br><div class="tabs4"><b>Факультет зоологии:</b></div>
<a href="https://fakeit.rusff.me/profile.php?id=45">adil maan <sup>3</sup></a>
</div></td>
<td><div class="tabs2"><div class="tabs3">КЛИНИЧЕСКАЯ МЕДИЦИНА</div>
<br><div class="tabs4"><b>Факультет клинической биохимии:</b></div>
<br><div class="tabs4"><b>Факультет клинической неврологии:</b></div>
<br><div class="tabs4"><b>Факультет гематологии:</b></div>
<br><div class="tabs4"><b>Факультет медицинской генетики:</b></div>
<br><div class="tabs4"><b>Факультет медицины:</b></div>
<br><div class="tabs4"><b>Факультет акушерства и гинекологии:</b></div>
<br><div class="tabs4"><b>Факультет педиатрии:</b></div>
<br><div class="tabs4"><b>Факультет психиатрии:</b></div>
<br><div class="tabs4"><b>Факультет радиологии:</b></div>
<br><div class="tabs4"><b>Факультет хирургии:</b></div>
</td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">ФИЗИЧЕСКИЕ НАУКИ</div>
<br><div class="tabs4"><b>Факультет наук о Земле и географии:</b></div>
<br><div class="tabs4"><b>Факультет математики:</b></div>
<br><div class="tabs4"><b>Факультет физики и химии:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=8">jungkook jeon <sup>1</sup></a>
</div></td>
<td><div class="tabs2"><div class="tabs3">ТЕХНИКА И ТЕХНОЛОГИИ</div>
<br><div class="tabs4"><b>Факультет инженерии:</b></div>
<br><div class="tabs4"><b>Факультет бизнеса и менеджмента:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=4">matthew blackwood <sup>3</sup></a><br>
<a href="http://fakeit.rusff.me/profile.php?id=31">reginald barnes <sup>3</sup></a>
<br><div class="tabs4"><b>Факультет компьютерных наук и технологий:</b></div>
<br><div class="tabs4"><b>Отделение химической инженерии и биотехнологий:</b></div>
<br></div></td>
</tr>
</tbody>
</table>
</div>
<div id="content-2">
АДМИНИСТРАТИВНЫЙ И ПРЕПОДАВАТЕЛЬСКИЙ СОСТАВ
<table class="iksweb">
<tbody>
<tr>
<td><div class="tabs2"><div class="tabs3">ГУМАНИТАРНЫЕ НАУКИ</div>
<div class="tabs4" title="архитектура, история искусств">
<b>Факультет архитектуры и истории искусств:</b></div>
<a href="ссылка на профиль">name surname <sup>7</sup></a>,
<a href="ссылка на профиль">name surname <sup>7</sup></a>
<br><div class="tabs4" title="литература, древняя философия, древняя история, классическое искусство и археология, лингвистика"><b>Факультет классики:</b></div>
<a href="ссылка на профиль">name surname <sup>7</sup></a>, <a href="ссылка на профиль">name surname <sup>7</sup></a>
<br><div class="tabs4" title="история христианства, философия религии, теология"><b>Факультет богословия:</b></div>
...
<br><div class="tabs4" title="англосаксонский язык, английская литература, английский язык"><b>Факультет английского языка:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=33">sibeal rain<sup>менеджер по связям с общественностью</sup></a><br>
<a href="https://fakeit.rusff.me/profile.php?id=19">somerset mortensen <sup>историко-культурные тенденции в мировой и английской литературе/природа и функции художественного текста</sup></a><br>
<a href="https://fakeit.rusff.me/profile.php?id=28">richard wilcox <sup>английская литература</sup></a><br>
<br><div class="tabs4" title="французский, немецкий, итальянский, испанский"><b>Факультет современных языков:</b></div>
...
<br><div class="tabs4" title="музыка, история музыки, теория музыки"><b>Факультет музыки:</b></div>
...
<br><div class="tabs4" title="метафизика, логика, этика, философия"><b>Факультет философии:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">ОБЩЕСТВЕННЫЕ НАУКИ</div>
<br><div class="tabs4" title="социология, политология, международные отношения"><b>Факультет гуманитарных, социальных и политических наук:</b></div>
...
<br><div class="tabs4" title="макроэкономика, микроэкономическая теория, экономическая истории, эконометрика"><b>Факультет экономики:</b></div>
...
<br><div class="tabs4" title="искусство и творчество, образование"><b>Факультет образования:</b></div>
...
<br><div class="tabs4" title="Американская история, Древняя и Средневековая история; Ранняя Современная история; Современная Британская история; Современная Европейская история, Всемирная история, археология">
<b>Факультет истории:</b></div>
<a href="https://fakeit.rusff.me/profile.php?id=17">elizabeth davies <sup>археология</sup></a>
<br><div class="tabs4" title="гражданское право, международное право, корпоративное право, частное право, криминология"><b>Факультет права:</b></div>
...
</div></td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">БИОЛОГИЧЕСКИЕ НАУКИ</div>
<br><div class="tabs4" title="клеточная биология, молекулярная биология, биохимия"><b>Факультет биохимии:</b></div>
...
<br><div class="tabs4" title="геномика, системная биология, клеточная биология, микробная генетика, эволюция"><b>Факультет генетики:</b></div>
...
<br><div class="tabs4" title="молекулярная генетика, паразитология, микробиология, патология"><b>Факультет патологии:</b></div>
...
<br><div class="tabs4" title="фармакология, токсикология"><b>Факультет фармакологии:</b></div>
...
<br><div class="tabs4" title="нейробиология развития, наука о стволовых клетках, нейрофизиология, нейронная механика"><b>Факультет физиологии и неврологии:</b></div>
...
<br><div class="tabs4" title="ботаника, систематика и эволюция растений, экология растений, фотосинтез, биохимия растений"><b>Факультет ботаники:</b></div>
...
<br><div class="tabs4" title="психопатология, поведенческая неврология, психология, экспериментальная психология"><b>Факультет психологии:</b></div>
...
<br><div class="tabs4" title="зоология, ветеринария"><b>Факультет зоологии:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">КЛИНИЧЕСКАЯ МЕДИЦИНА</div>
<br><div class="tabs4" title="клиническая иммунология, биохимия, патохимия"><b>Факультет клинической биохимии:</b></div>
...
<br><div class="tabs4" title="неврология, нейрохирургия"><b>Факультет клинической неврологии:</b></div>
...
<br><div class="tabs4" title="гематология, трансфузиология, лабораторная диагностика"><b>Факультет гематологии:</b></div>
...
<br><div class="tabs4" title="генетика, физиология, фармакогенетика"><b>Факультет медицинской генетики:</b></div>
...
<br><div class="tabs4" title="гастроэнтерология, иммунология"><b>Факультет медицины:</b></div>
...
<br><div class="tabs4" title="репродуктивная биология, иммунология, гинекология"><b>Факультет акушерства и гинекологии:</b></div>
...
<br><div class="tabs4" title="неонатология, детская эндокринология, педиатрия"><b>Факультет педиатрии:</b></div>
...
<br><div class="tabs4" title="поведенческая неврология, неврология зависимости, неврология здоровья, клиническая нейропсихология"><b>Факультет психиатрии:</b></div>
...
<br><div class="tabs4" title="диагностическая и терапевтическая ядерная медицина, нейрорадиология"><b>Факультет радиологии:</b></div>
...
<br><div class="tabs4" title="ортопедия, трансплантационная хирургия, хирургия"><b>Факультет хирургии:</b></div>
...
</td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">ФИЗИЧЕСКИЕ НАУКИ</div>
<br><div class="tabs4" title="география, наука о Земле"><b>Факультет наук о Земле и географии:</b></div>
...
<br><div class="tabs4" title="прикладная математика, статистика"><b>Факультет математики:</b></div>
<a href="https://fakeit.rusff.me/profile.php?id=30"> frank austin <sup>высшая математика и основы математического анализа</sup></a>
<br><div class="tabs4" title="физика, химия, металлургия"><b>Факультет физики и химии:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=23">yoongi min <sup>элементы современной космологии / астрофотометрия</sup></a>
</div></td>
<td><div class="tabs2"><div class="tabs3">ТЕХНИКА И ТЕХНОЛОГИИ</div>
<br><div class="tabs4" title="биоинженерия, электроника, информационные науки, энергетика, машиностроение"><b>Факультет инженерии:</b></div>
<br><div class="tabs4" title="финансы, инновации, информационные системы, менеджмент"><b>Факультет бизнеса и менеджмента:</b></div>
<br><div class="tabs4" title="информационная безопасность, компьютерная лингвистика, мобильные системы, компьютерные технологии"><b>Факультет компьютерных наук и технологий:</b></div>
<br><div class="tabs4" title="нейротехнология, окружающая среда, электрохимия, молекулярные биотехнологии"><b>Отделение химической инженерии и биотехнологий:</b></div>
<br></div></td>
</tr>
</tbody>
</table>
</div>
<div id="content-3">
ДРУГИЕ ПРОФЕССИОНАЛЬНЫЕ И АДМИНИСТРАТИВНЫЕ УСЛУГИ
<table class="iksweb">
<tbody>
<tr>
<td><div class="tabs2"><div class="tabs3">УЧЕБНОЕ НАПРАВЛЕНИЕ</div>
<br><div class="tabs4"><b>Ректор:</b></div>
...
<br><div class="tabs4"><b>Референт ректората:</b></div>
...
<br><div class="tabs4"><b>Первый проректор:</b></div>
...
<br><div class="tabs4"><b>Администраторы факультетов:</b></div>
...
<br><div class="tabs4"><b>Проректор по учебной работе:</b></div>
...
<br><div class="tabs4"><b>Проректор по научной работе:</b></div>
...
<br><div class="tabs4"><b>Научные сотрудники:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=21">beatrice bianchini <sup>лаборатория микробиологии</sup></a>
</div></td>
<td><div class="tabs2"><div class="tabs3">ПРОЧИЙ ПЕРСОНАЛ</div>
<br><div class="tabs4"><b>Бухгалтеры:</b></div>
...
<br><div class="tabs4"><b>Экономисты:</b></div>
...
<br><div class="tabs4"><b>Юрисконсульты:</b></div>
...
<br><div class="tabs4"><b>Психологи:</b></div>
...
<br><div class="tabs4"><b>Инженеры:</b></div>
...
<br><div class="tabs4"><b>It-специалисты:</b></div>
...
<br><div class="tabs4"><b>Библиотекари:</b></div>
...
<br><div class="tabs4"><b>Зоотехники:</b></div>
...
<br><div class="tabs4"><b>Охрана:</b></div>
...
<br></div></td>
</tr>
</tbody>
</table>
</div>
<div id="content-4">
ДОПОЛНИТЕЛЬНЫЕ КРУЖКИ И ОБЩЕСТВА
<table class="iksweb">
<tbody>
<tr>
<td><div class="tabs2"><div class="tabs3">ФУТБОЛЬНАЯ СЕКЦИЯ</div>
<br><div class="tabs4"><b>Тренер:</b></div>
...
<br><div class="tabs4"><b>Капитан:</b></div>
...
<br><div class="tabs4"><b>Состав:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">КОННЫЙ КЛУБ</div>
<br><div class="tabs4"><b>Тренер:</b></div>
...
<br><div class="tabs4"><b>Коновод:</b></div>
...
<br><div class="tabs4"><b>Состав:</b></div>
...
</div></td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">ДРАМКРУЖОК</div>
<br><div class="tabs4"><b>Лидер:</b></div>
...
<br><div class="tabs4"><b>Состав:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">МУЗЫКАЛЬНОЕ ОБЩЕСТВО</div>
<br><div class="tabs4"><b>Лидер:</b></div>
...
<br><div class="tabs4"><b>Состав:</b></div>
...
</div></td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">МАТЕМАТИЧЕСКИЙ КЛУБ</div>
<br><div class="tabs4"><b>Лидер:</b></div>
...
<br><div class="tabs4"><b>Состав:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">КЛУБ ЖУРНАЛИСТИКИ</div>
<br><div class="tabs4"><b>Лидер:</b></div>
...
<br><div class="tabs4"><b>Состав:</b></div>
...
</div></td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">СТУДЕНЧЕСКАЯ ГАЗЕТА «VARSITY»</div>
<br><div class="tabs4"><b>Главный редактор:</b></div>
...
<br><div class="tabs4"><b>Редакторы:</b></div>
...
<br><div class="tabs4"><b>Журналисты:</b></div>
...
<br><div class="tabs4"><b>Дизайнеры-иллюстраторы:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">РАДИОСТАНЦИЯ «CAM FM»</div>
<br><div class="tabs4"><b>Выпускающий редактор:</b></div>
...
<br><div class="tabs4"><b>Радиоведущие:</b></div>
...
<br><div class="tabs4"><b>Звукорежиссёр:</b></div>
...
</div></td>
</tr>
</tbody>
</table>
</div>
<div id="content-5">
ЗАНЯТОСТЬ В ГОРОДЕ
<table class="iksweb">
<tbody>
<tr>
<td><div class="tabs2"><div class="tabs3">ПРАВОПОРЯДОК</div>
<br><div class="tabs4"><b>Мэрия:</b></div>
...
<br><div class="tabs4"><b>Полицейский участок:</b></div>
...
<br><div class="tabs4"><b>Суд:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">ЗДРАВООХРАНЕНИЕ</div>
<br><div class="tabs4"><b>Больница:</b></div>
...
<br><div class="tabs4"><b>Пожарный участок:</b></div>
...
<br><div class="tabs4"><b>Морг:</b></div>
...
</div></td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">СМИ</div>
<br><div class="tabs4"><b>Газета:</b></div>
...
<br><div class="tabs4"><b>Радио:</b></div>
...
</div></td>
<td><div class="tabs2"><div class="tabs3">СФЕРА УСЛУГ</div>
<br><div class="tabs4"><b>Паб:</b></div>
<a href="https://fakeit.rusff.me/profile.php?id=48">gregory mcdonnell <sup>владелец паба rebel</sup></a>
<br><div class="tabs4"><b>Отель:</b></div>
...
<br><div class="tabs4"><b>Ресторан:</b></div>
...
</div></td>
</tr>
<tr>
<td><div class="tabs2"><div class="tabs3">ФРИЛАНС И БИЗНЕС</div>
<br><div class="tabs4"><b>Фриланс:</b></div>
...
<br><div class="tabs4"><b>Бизнес:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=13">jerry tucker <sup>владелец клуба поединков «Fight Zone» на тотализаторе</sup></a>
</div></td>
<td><div class="tabs2"><div class="tabs3">ПРОЧИЕ УСЛУГИ</div>
<br><div class="tabs4"><b>Прочее:</b></div>
<a href="http://fakeit.rusff.me/profile.php?id=33">remy martin <sup>работник приюта для животных</sup></a><br>
<a href="http://fakeit.rusff.me/profile.php?id=13">jerry tucker <sup>спонсор университетских спортивных соревнований</sup></a>
</div></td>
</tr>
</tbody>
</table>
</div>
</div>
</center>
<style>
.tabs2 {
font-size: 10px;
width: 400px;
background-color: #8896710a;
font-family: 'Commissioner';
}
.tabs3 {
font-family: 'Seymour One';
font-size: 12px;
font-weight: bold;
color: #7f9da2;
padding-bottom: 5px;
}
.tabs4 {
font-family: 'Commissioner';
font-size: 12px;
font-weight: bold;
color: #7f9da2;
padding-bottom: px;
border-top: solid 1px;
border-color: #92a9925c;
}
.tabosnov {background-color: #7a9696;
margin-left: 0px;
margin-right: auto;
height: 500px;
}
*,
*::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;
}
.tabs {
font-size: 0;
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
.tabs>input[type="radio"] {
display: none;
}
.tabs>div {
/* скрыть контент по умолчанию */
display: none;
font-size: 12px;
background-color: #f0f0f0;
height: 452px;
overflow: auto;
width: 850px;
margin-left: -50px;
border: solid 1px;
border-color: #838383;
}
/* отобразить контент, связанный с вабранной радиокнопкой (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 {
display: block;
}
.tabs>label { display: inline-block;
text-align: center;
vertical-align: middle;
user-select: none;
background-color: #92a992;
/* border: 1px solid #f0f0f0; */
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: #83a1a6;
border-bottom: 2px solid #86956f;
}
</style>
[/html]
