Тема необходима мастеру игры; заполняется администрацией при принятии.
Учебная деятельность
Страница: 1
Тема закрыта
Сообщений 1 страница 3 из 3
Поделиться115.06.19 09:10
- то самое пиво
- Сообщений: 1827
- Уважение: +491
- Галлеоны: ∞
Поделиться215.06.19 09:11
- то самое пиво
- Сообщений: 1827
- Уважение: +491
- Галлеоны: ∞
Предметы для дополнительного изучения
3, 4 и 5 курсы
[html]
<style>
.subjects-wrap {
max-width: 100%;
padding: 18px;
border: 1px solid rgb(63,61,69);
border-radius: 18px;
background: rgba(255,255,255,0.03);
font-size: 12px;
color: #000;
text-align: center;
}
.subjects {
display: grid;
grid-template-columns: 180px 1fr;
gap: 24px;
}
.subjects-menu {
display: flex;
flex-direction: column;
gap: 12px;
}
.subject-btn {
cursor: pointer;
padding: 12px 14px;
border-radius: 14px;
border: 1px solid rgba(107,76,160,0.14);
border-left: 4px solid #6b4ca0;
background: rgba(107,76,160,0.08);
font-weight: bold;
font-size: 14px;
transition: 0.25s ease;
font-family: Georgia, serif;
}
.subject-btn:hover {
background: rgba(107,76,160,0.13);
}
.subject-btn.active {
background: rgba(107,76,160,0.18);
box-shadow: 0 2px 8px rgba(107,76,160,0.08);
}
/* КОНТЕНТ */
.subject-content > div { display: none; }
.subject-content > div.active { display: block; }
.subject-title {
font-size: 18px;
margin-bottom: 24px;
font-weight: bold;
}
/* КУРСЫ */
.course-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 28px;
line-height: 1.5;
margin-top: 14px;
}
.course-col {
padding: 6px 0;
text-align: center;
color: #000;
}
.course-title {
font-weight: bold;
margin-bottom: 28px;
}
</style>
<div class="subjects-wrap">
<div class="subjects">
<div class="subjects-menu">
<div class="subject-btn active" data-subject="runes">Древние Руны</div>
<div class="subject-btn" data-subject="muggle">Маггловедение</div>
<div class="subject-btn" data-subject="arithmancy">Нумерология</div>
<div class="subject-btn" data-subject="divination">Прорицание</div>
<div class="subject-btn" data-subject="care">Уход за МС</div>
</div>
<div class="subject-content">
<div id="runes" class="active">
<div class="subject-title">Древние Руны</div>
<div class="course-grid">
<div class="course-col"><div class="course-title">3 курс</div></div>
<div class="course-col"><div class="course-title">4 курс</div></div>
<div class="course-col"><div class="course-title">5 курс</div></div>
</div>
</div>
<div id="muggle">
<div class="subject-title">Маггловедение</div>
<div><b>Обязательный предмет для всех учеников</b></div>
</div>
<div id="arithmancy">
<div class="subject-title">Нумерология</div>
<div class="course-grid">
<div class="course-col"><div class="course-title">3 курс</div></div>
<div class="course-col"><div class="course-title">4 курс</div></div>
<div class="course-col">
<div class="course-title">5 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=973">Romilda Vane</a>
</div>
</div>
</div>
<div id="divination">
<div class="subject-title">Прорицание</div>
<div class="course-grid">
<div class="course-col"><div class="course-title">3 курс</div></div>
<div class="course-col"><div class="course-title">4 курс</div></div>
<div class="course-col">
<div class="course-title">5 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=973">Romilda Vane</a>
</div>
</div>
</div>
<div id="care">
<div class="subject-title">Уход за Магическими Существами</div>
<div class="course-grid">
<div class="course-col"><div class="course-title">3 курс</div></div>
<div class="course-col"><div class="course-title">4 курс</div></div>
<div class="course-col"><div class="course-title">5 курс</div></div>
</div>
</div>
</div>
</div>
</div>
<script>
const btns = document.querySelectorAll('.subject-btn');
const blocks = document.querySelectorAll('.subject-content > div');
btns.forEach(btn => {
btn.addEventListener('click', () => {
btns.forEach(b => b.classList.remove('active'));
blocks.forEach(b => b.classList.remove('active'));
btn.classList.add('active');
document.getElementById(btn.dataset.subject).classList.add('active');
});
});
</script>
[/html]
Отредактировано Butterbeer (15.06.19 09:11)
Поделиться315.06.19 09:11
- то самое пиво
- Сообщений: 1827
- Уважение: +491
- Галлеоны: ∞
Предметы, выбранные для изучения после сдачи СОВ
6 и 7 курсы
[html]
<style>
.subjects-wrap {
max-width: 100%;
padding: 18px;
border: 1px solid rgb(63,61,69);
border-radius: 18px;
background: rgba(255,255,255,0.03);
font-size: 12px;
color: #000;
text-align: center;
}
.subjects {
display: grid;
grid-template-columns: 180px 1fr;
gap: 24px;
}
/* меню */
.subjects-menu {
display: flex;
flex-direction: column;
gap: 12px;
}
.subject-btn {
cursor: pointer;
padding: 12px 14px;
border-radius: 14px;
border: 1px solid rgba(107,76,160,0.14);
border-left: 4px solid #6b4ca0;
background: rgba(107,76,160,0.08);
font-weight: bold;
font-family: Georgia, serif;
font-size: 14px;
transition: 0.25s ease;
}
.subject-btn:hover {
background: rgba(107,76,160,0.13);
}
.subject-btn.active {
background: rgba(107,76,160,0.18);
}
/* контент */
.subject-content > div { display: none; }
.subject-content > div.active { display: block; }
.subject-title {
font-size: 18px;
margin-bottom: 24px;
font-weight: bold;
}
/* курсы */
.course-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 28px;
line-height: 1.5;
}
.course-title {
font-weight: bold;
margin-bottom: 28px;
}
</style>
<div class="subjects-wrap">
<div class="subjects">
<div class="subjects-menu">
<div class="subject-btn active" data-subject="astro">Астрономия</div>
<div class="subject-btn" data-subject="runes">Древние Руны</div>
<div class="subject-btn" data-subject="charms">Заклинания</div>
<div class="subject-btn" data-subject="defense">ЗОТИ</div>
<div class="subject-btn" data-subject="potions">Зельеварение</div>
<div class="subject-btn" data-subject="history">История Магии</div>
<div class="subject-btn" data-subject="muggle">Маггловедение</div>
<div class="subject-btn" data-subject="arithmancy">Нумерология</div>
<div class="subject-btn" data-subject="divination">Прорицание</div>
<div class="subject-btn" data-subject="herb">Травология</div>
<div class="subject-btn" data-subject="trans">Трансфигурация</div>
<div class="subject-btn" data-subject="care">УЗМС</div>
</div>
<div class="subject-content">
<!-- Астрономия -->
<div id="astro" class="active">
<div class="subject-title">Астрономия</div>
<div class="course-grid">
<div>
<div class="course-title">6 курс</div>
</div>
<div>
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=956">Blaise Zabini</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=946">Hestia Carrow</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=503">Kinjal Bhatia</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=308">Lilith Moon</a><br>
</div>
</div>
</div>
<!-- Древние Руны -->
<div id="runes">
<div class="subject-title">Древние Руны</div>
<div class="course-grid">
<div>
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=823">Ginny Weasley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=857">Horatio Pershore</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1016">Imogen Stretton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=937">Latisha Randle</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1012">Luke Cholderton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=872">Nanette Desford</a>
</div>
<div>
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=875">Aiden O`Connor</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=956">Blaise Zabini</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=981">Isidora Williams</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=503">Kinjal Bhatia</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=308">Lilith Moon</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=836">Sophie Roper</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=820">Susan Bones</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1010">Sylvia Melville</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=958">Theodore Nott</a>
</div>
</div>
</div>
<!-- Маггловедение -->
<div id="muggle">
<div class="subject-title">Маггловедение</div>
<br><br><br><br><b>Обязательный предмет для всех учеников</b>
</div>
<!-- Заклинания -->
<div id="charms">
<div class="subject-title">Заклинания</div>
<div class="course-grid">
<div>
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=1014">Demelza Robins</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=823">Ginny Weasley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=938">Gregory Goyle</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=857">Horatio Pershore</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1016">Imogen Stretton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1020">Joshua Sturton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=937">Latisha Randle</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1012">Luke Cholderton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=872">Nanette Desford</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=696">Richard Coote</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=987">Rionach O`Neal</a>
</div>
<div>
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=875">Aiden O`Connor</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=956">Blaise Zabini</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1003">Ethan Bexley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1001">Felicity Eastchurch</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=998">Gideon Scalby</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=983">Hannah Abbott</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=946">Hestia Carrow</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=981">Isidora Williams</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=503">Kinjal Bhatia</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=308">Lilith Moon</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=963">Seamus Finnigan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=836">Sophie Roper</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1010">Sylvia Melville</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=820">Susan Bones</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=958">Theodore Nott</a>
</div>
</div>
</div>
<!-- ЗOТИ-->
<div id="defense">
<div class="subject-title">Защита от Тёмных Искусств</div>
<div class="course-grid">
<div>
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=1014">Demelza Robins</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=823">Ginny Weasley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=857">Horatio Pershore</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1016">Imogen Stretton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1020">Joshua Sturton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=937">Latisha Randle</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1012">Luke Cholderton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=872">Nanette Desford</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=696">Richard Coote</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=987">Rionach O`Neal</a>
</div>
<div>
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=875">Aiden O`Connor</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=956">Blaise Zabini</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1003">Ethan Bexley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1001">Felicity Eastchurch</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=998">Gideon Scalby</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=946">Hestia Carrow</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=981">Isidora Williams</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=503">Kinjal Bhatia</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=308">Lilith Moon</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=963">Seamus Finnigan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=836">Sophie Roper</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=820">Susan Bones</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1010">Sylvia Melville</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=958">Theodore Nott</a>
</div>
</div>
</div>
<!-- Зельеварение -->
<div id="potions">
<div class="subject-title">Зельеварение</div>
<div class="course-grid">
<div class="course-col">
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=1014">Demelza Robins</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=823">Ginny Weasley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=857">Horatio Pershore</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1016">Imogen Stretton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1020">Joshua Sturton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1012">Luke Cholderton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=872">Nanette Desford</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=696">Richard Coote</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=987">Rionach O`Neal</a>
</div>
<div class="course-col">
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=875">Aiden O`Connor</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=956">Blaise Zabini</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1003">Ethan Bexley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1001">Felicity Eastchurch</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=998">Gideon Scalby</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=983">Hannah Abbott</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=946">Hestia Carrow</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=981">Isidora Williams</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=503">Kinjal Bhatia</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=308">Lilith Moon</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=963">Seamus Finnigan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=836">Sophie Roper</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1010">Sylvia Melville</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=958">Theodore Nott</a>
</div>
</div>
</div>
<!--История магии-->
<div id="history">
<div class="subject-title">История Магии</div>
<div class="course-grid">
<div>
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=937">Latisha Randle</a><br>
</div>
<div>
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=1001">Felicity Eastchurch</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1003">Ethan Bexley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
</div>
</div>
</div>
<!--Нумерология-->
<div id="arithmancy">
<div class="subject-title">Нумерология</div>
<div class="course-grid">
<div>
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=937">Latisha Randle</a><br>
</div>
<div>
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=875">Aiden O`Connor</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=983">Hannah Abbott</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=946">Hestia Carrow</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=836">Sophie Roper</a>
</div>
</div>
</div>
<!--Прорицания-->
<div id="divination">
<div class="subject-title">Прорицание</div>
<div class="course-grid">
<div>
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=1014">Demelza Robins</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=872">Nanette Desford</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=696">Richard Coote</a><br>
</div>
<div>
<div class="course-title">7 курс</div>
</div>
</div>
</div>
<!-- Травология -->
<div id="herb">
<div class="subject-title">Травология</div>
<div class="course-grid">
<div class="course-col">
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=1014">Demelza Robins</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=823">Ginny Weasley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=938">Gregory Goyle</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=857">Horatio Pershore</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=696">Richard Coote</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=987">Rionach O`Neal</a>
</div>
<div class="course-col">
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=875">Aiden O`Connor</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=956">Blaise Zabini</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1003">Ethan Bexley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1001">Felicity Eastchurch</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=998">Gideon Scalby</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=983">Hannah Abbott</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=946">Hestia Carrow</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=981">Isidora Williams</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=503">Kinjal Bhatia</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=963">Seamus Finnigan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=820">Susan Bones</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1010">Sylvia Melville</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=958">Theodore Nott</a>
</div>
</div>
</div>
<!-- Трансфигурация -->
<div id="trans">
<div class="subject-title">Трансфигурация</div>
<div class="course-grid">
<div class="course-col">
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=1014">Demelza Robins</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=823">Ginny Weasley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=857">Horatio Pershore</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1016">Imogen Stretton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1020">Joshua Sturton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=937">Latisha Randle</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1012">Luke Cholderton</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=872">Nanette Desford</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=696">Richard Coote</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=987">Rionach O`Neal</a>
</div>
<div class="course-col">
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=875">Aiden O`Connor</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=956">Blaise Zabini</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1003">Ethan Bexley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1001">Felicity Eastchurch</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=998">Gideon Scalby</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=983">Hannah Abbott</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=946">Hestia Carrow</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=981">Isidora Williams</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=503">Kinjal Bhatia</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=308">Lilith Moon</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=963">Seamus Finnigan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=836">Sophie Roper</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=820">Susan Bones</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=958">Theodore Nott</a>
</div>
</div>
</div>
<!-- Уход за МС -->
<div id="care">
<div class="subject-title">Уход за Магическими Существами</div>
<div class="course-grid">
<div class="course-col">
<div class="course-title">6 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=1014">Demelza Robins</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=823">Ginny Weasley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=938">Gregory Goyle</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=857">Horatio Pershore</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=937">Latisha Randle</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=872">Nanette Desford</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=696">Richard Coote</a>
</div>
<div class="course-col">
<div class="course-title">7 курс</div>
<a href="https://drinkbutterbeer.ru/profile.php?id=491">Alice Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1003">Ethan Bexley</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=980">Erica Tolipan</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=1001">Felicity Eastchurch</a><br>
<a href="https://drinkbutterbeer.ru/profile.php?id=820">Susan Bones</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
document.querySelectorAll('.subject-btn').forEach(btn=>{
btn.onclick=()=>{
document.querySelectorAll('.subject-btn').forEach(b=>b.classList.remove('active'));
document.querySelectorAll('.subject-content>div').forEach(b=>b.classList.remove('active'));
btn.classList.add('active');
document.getElementById(btn.dataset.subject).classList.add('active');
}
});
</script>
[/html]
Тема закрыта
Страница: 1
