/
llrr
/
test
Обзор
Документация
Войти
/
llrr
/
test
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
teachers.html
174 строки
8 KB
llrr
Create: index.html, success.html, teachers.html, style.css
15 июн 2026, 21:00
Верифицирован
15 июн 2026, 21:00
5dea8ed
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Тренеры студии акробатики PEAK. Профессионалы с большим опытом. Галина, Стефания, Святослав."> <title>Педагоги — PEAK студия акробатики</title> <link rel="stylesheet" href="../style.css/style.css"> </head> <body> <!-- ШАПКА (такая же как на главной) --> <header class="header"> <div class="container header-container"> <div class="logo"> <a href="index.html">PEAK</a> </div> <nav class="nav"> <ul class="nav-list"> <li><a href="index.html">Главная</a></li> <li><a href="teachers.html">Педагоги</a></li> <li><a href="index.html#schedule">Расписание</a></li> <li><a href="index.html#prices">Абонементы</a></li> <li><a href="index.html#booking">Запись</a></li> <li><a href="index.html#contacts">Контакты</a></li> </ul> </nav> </div> </header> <!-- БАННЕР СТРАНИЦЫ ПЕДАГОГОВ --> <section class="page-banner"> <div class="container"> <h1>Наши педагоги</h1> <p>Профессионалы, которые влюбляют в акробатику</p> </div> </section> <!-- КАРТОЧКИ ПЕДАГОГОВ (с модальными окнами) --> <section class="teachers"> <div class="container"> <div class="teachers-grid"> <!-- ПЕДАГОГ 1: ГАЛИНА --> <div class="teacher-card"> <div class="teacher-photo-placeholder"> <div class="placeholder-img teacher-placeholder">Фото Галины</div> </div> <h3 class="teacher-name">Галина Орлова</h3> <p class="teacher-short">Воздушная акробатика | Акробатика Base</p> <a href="#teacher-galina" class="btn btn-outline">Подробнее</a> </div> <!-- ПЕДАГОГ 2: СТЕФАНИЯ --> <div class="teacher-card"> <div class="teacher-photo-placeholder"> <div class="placeholder-img teacher-placeholder">Фото Стефании</div> </div> <h3 class="teacher-name">Стефания Пролетарская</h3> <p class="teacher-short">Акробатика для девушек | Воздушная акробатика</p> <a href="#teacher-stefania" class="btn btn-outline">Подробнее</a> </div> <!-- ПЕДАГОГ 3: СВЯТОСЛАВ --> <div class="teacher-card"> <div class="teacher-photo-placeholder"> <div class="placeholder-img teacher-placeholder">Фото Святослава</div> </div> <h3 class="teacher-name">Святослав Афанасьев</h3> <p class="teacher-short">Трикинг | Акробатика Base</p> <a href="#teacher-svyatoslav" class="btn btn-outline">Подробнее</a> </div> </div> </div> </section> <!-- МОДАЛЬНЫЕ ОКНА (открываются при клике на "Подробнее") --> <!-- Модальное окно ГАЛИНЫ --> <div id="teacher-galina" class="modal"> <div class="modal-content"> <a href="#" class="modal-close">×</a> <div class="modal-photo-placeholder">Фото Галины</div> <h2>Галина Орлова</h2> <div class="teacher-directions"> <span class="direction-badge">Воздушная Акробатика</span> <span class="direction-badge">Акробатика Base</span> </div> <div class="teacher-detail"> <h3>Тренерский стаж: 2 года</h3> <ul> <li>12 лет спортивная гимнастика</li> <li>4 года танцы</li> <li>КМС по спортивной гимнастике</li> <li>Член сборной Московской области</li> <li>Победитель и призёр городских и республиканских соревнований</li> </ul> </div> <a href="index.html#booking" class="btn">Записаться к Галине</a> </div> </div> <!-- Модальное окно СТЕФАНИИ --> <div id="teacher-stefania" class="modal"> <div class="modal-content"> <a href="#" class="modal-close">×</a> <div class="modal-photo-placeholder">Фото Стефании</div> <h2>Стефания Пролетарская</h2> <div class="teacher-directions"> <span class="direction-badge">Акробатика для девушек</span> <span class="direction-badge">Акробатика Base</span> </div> <div class="teacher-detail"> <h3>Тренерский стаж: 3 года</h3> <ul> <li>Основательница студии PEAK</li> <li>Более 6 лет в акробатике</li> <li>Обучает взрослых с нуля</li> <li>Авторская методика для девушек</li> </ul> </div> <a href="index.html#booking" class="btn">Записаться к Стефании</a> </div> </div> <!-- Модальное окно СВЯТОСЛАВА --> <div id="teacher-svyatoslav" class="modal"> <div class="modal-content"> <a href="#" class="modal-close">×</a> <div class="modal-photo-placeholder">Фото Святослава</div> <h2>Святослав Афанасьев</h2> <div class="teacher-directions"> <span class="direction-badge">Трикинг</span> </div> <div class="teacher-detail"> <h3>Тренерский стаж: 5 лет</h3> <ul> <li>Черный пояс по каратэ</li> <li>Мастер спорта по спортивной акробатике</li> <li>Тренер по трикингу с 2019 года</li> <li>Обучает сальто и сложным элементам</li> </ul> </div> <a href="index.html#booking" class="btn">Записаться к Святославу</a> </div> </div> <!-- ПОДВАЛ (такой же) --> <footer class="footer"> <div class="container"> <div class="footer-content"> <div class="footer-logo"> <a href="index.html">PEAK</a> <p>Студия акробатики</p> </div> <div class="footer-nav"> <a href="index.html">Главная</a> <a href="teachers.html">Педагоги</a> <a href="index.html#schedule">Расписание</a> <a href="index.html#booking">Запись</a> </div> <div class="footer-contacts"> <p>📞 +7 (999) 123-45-67</p> <p>✉️ info@peak-studio.ru</p> </div> </div> <div class="footer-bottom"> <p>© 2025 PEAK. Все права защищены.</p> </div> </div> </footer> </body> </html>