/
llrr
/
test
Обзор
Документация
Войти
/
llrr
/
test
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
357 строк
18 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. Воздушная акробатика, трикинг, акробатика Base и для девушек. Запись на занятия, абонементы, акции."> <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="#schedule">Расписание</a></li> <li><a href="#prices">Абонементы</a></li> <li><a href="#booking">Запись</a></li> <li><a href="#contacts">Контакты</a></li> </ul> </nav> </div> </header> <!-- ==================== ГЛАВНЫЙ БАННЕР ==================== --> <!-- Первое, что видит пользователь. Привлекает внимание --> <section class="banner"> <div class="container"> <h1>PEAK</h1> <p>Студия акробатики. Достигай вершин с нами!</p> <a href="#booking" class="btn btn-primary">Записаться на пробное занятие</a> </div> </section> <!-- ==================== НАПРАВЛЕНИЯ ==================== --> <!-- 4 вида акробатики, которые мы преподаем --> <section class="directions"> <div class="container"> <h2 class="section-title">Наши направления</h2> <div class="directions-grid"> <div class="direction-card"> <div class="direction-icon">🪢</div> <h3>Воздушная акробатика</h3> <p>Полеты в воздухе, работа на полотнах и кольцах. Развивает гибкость, координацию и силу.</p> <div class="direction-tag">Для всех уровней</div> </div> <div class="direction-card"> <div class="direction-icon">🤸</div> <h3>Акробатика Base</h3> <p>Базовая акробатика: кувырки, стойки, колеса. Основа для любого уровня подготовки.</p> <div class="direction-tag">С нуля</div> </div> <div class="direction-card"> <div class="direction-icon">💃</div> <h3>Акробатика для девушек</h3> <p>Грациозные элементы, растяжка, хореография. Красота и сила вместе.</p> <div class="direction-tag">Грация + сила</div> </div> <div class="direction-card"> <div class="direction-icon">🔥</div> <h3>Трикинг</h3> <p>Динамичные прыжки, сальто, вращения. Для активных и энергичных.</p> <div class="direction-tag">Экстрим</div> </div> </div> </div> </section> <!-- ==================== АКЦИИ ==================== --> <!-- Специальные предложения для привлечения клиентов --> <section class="promo"> <div class="container"> <h2 class="section-title">Акции и предложения</h2> <div class="promo-grid"> <div class="promo-card spinning-card"> <div class="spinning-promo"> <span>Первое занятие</span> <strong>500 ₽</strong> </div> <p>Пробное занятие по специальной цене</p> </div> <div class="promo-card"> <div class="promo-icon">👥</div> <h3>Приведи друга</h3> <p>Скидка 10% на абонемент для вас обоих</p> </div> <div class="promo-card"> <div class="promo-icon">🎂</div> <h3>День рождения</h3> <p>Скидка 7% в вашу дату</p> </div> <div class="promo-card"> <div class="promo-icon">✍️</div> <h3>Напиши отзыв</h3> <p>Скидка 5% на следующий месяц</p> </div> </div> </div> </section> <!-- ==================== О СТУДИИ (коротко) ==================== --> <section class="about-studio"> <div class="container"> <div class="about-content"> <div class="about-text"> <h2 class="section-title">О студии PEAK</h2> <p>Мы — команда профессиональных тренеров, которая помогает взрослым людям (18–35 лет) открыть в себе силу, гибкость и уверенность через акробатику.</p> <p>Мы обучаем с нуля. Неважно, занимались ли вы спортом раньше — наши педагоги найдут подход к каждому.</p> <div class="about-features"> <span>✅ Обучаем с нуля</span> <span>✅ Индивидуальный подход</span> <span>✅ Современный зал</span> <span>✅ Удобное расположение</span> </div> </div> <div class="about-image-placeholder"> <!-- Здесь будет фото зала. Пока заглушка --> <div class="placeholder-img">Фото зала</div> </div> </div> </div> </section> <!-- ==================== ЦЕНЫ НА АБОНЕМЕНТЫ ==================== --> <section class="prices" id="prices"> <div class="container"> <h2 class="section-title">Абонементы</h2> <div class="prices-grid"> <div class="price-card"> <h3>Лайт</h3> <div class="price-count">4 занятия</div> <div class="price-value">5 000 ₽</div> <p>≈ 1 250 ₽/занятие</p> <div class="price-note">Срок действия: 1 месяц</div> </div> <div class="price-card popular"> <div class="popular-badge">Популярный</div> <h3>Стандарт</h3> <div class="price-count">8 занятий</div> <div class="price-value">8 500 ₽</div> <p>≈ 1 062 ₽/занятие</p> <div class="price-note">Срок действия: 2 месяца</div> </div> <div class="price-card"> <h3>Премиум</h3> <div class="price-count">12 занятий</div> <div class="price-value">10 500 ₽</div> <p>≈ 875 ₽/занятие</p> <div class="price-note">Срок действия: 3 месяца</div> </div> </div> </div> </section> <!-- ==================== РАСПИСАНИЕ ==================== --> <section class="schedule" id="schedule"> <div class="container"> <h2 class="section-title">Расписание занятий</h2> <div class="schedule-grid"> <div class="day-schedule"> <h3>ПН / СР / ПТ</h3> <div class="schedule-item"> <span class="time">17:00 – 18:30</span> <span class="lesson">Трикинг</span> <span class="teacher">Святослав</span> </div> <div class="schedule-item"> <span class="time">18:30 – 20:00</span> <span class="lesson">Воздушная акробатика</span> <span class="teacher">Галина</span> </div> </div> <div class="day-schedule"> <h3>ВТ / ЧТ</h3> <div class="schedule-item"> <span class="time">17:00 – 18:30</span> <span class="lesson">Акробатика для девушек</span> <span class="teacher">Галина</span> </div> <div class="schedule-item"> <span class="time">18:30 – 20:00</span> <span class="lesson">Акробатика Base</span> <span class="teacher">Святослав</span> </div> </div> <div class="day-schedule"> <h3>СБ / ВС</h3> <div class="schedule-item"> <span class="time">15:00 – 16:30</span> <span class="lesson">Воздушная акробатика</span> <span class="teacher">Стефания</span> </div> <div class="schedule-item"> <span class="time">16:30 – 18:00</span> <span class="lesson">Акробатика для девушек</span> <span class="teacher">Стефания</span> </div> </div> </div> <div class="limit-note"> ⚡ Внимание! Максимум 10 человек в группе. Успейте записаться! </div> </div> </section> <!-- ==================== АРЕНДА ЗАЛА ==================== --> <section class="rent"> <div class="container"> <h2 class="section-title">Аренда зала</h2> <div class="rent-grid"> <div class="rent-card"> <h3>До 10 человек</h3> <div class="rent-price">2 500 ₽<span>/час</span></div> </div> <div class="rent-card"> <h3>10–20 человек</h3> <div class="rent-price">3 000 ₽<span>/час</span></div> </div> <div class="rent-card"> <h3>Световое оборудование</h3> <div class="rent-price">500 ₽<span>/час</span></div> </div> <div class="rent-card"> <h3>Индивидуальные занятия</h3> <div class="rent-price">по договоренности</div> </div> </div> </div> </section> <!-- ==================== ФОРМА ЗАПИСИ ==================== --> <!-- При отправке перенаправляет на success.html --> <section class="booking" id="booking"> <div class="container"> <h2 class="section-title">Записаться на занятие</h2> <form action="success.html" class="booking-form" method="GET"> <div class="form-row"> <div class="form-group"> <label for="name">Имя и фамилия *</label> <input type="text" id="name" name="name" placeholder="Иванова Анна" required> </div> <div class="form-group"> <label for="phone">Телефон *</label> <input type="tel" id="phone" name="phone" placeholder="+7 (999) 123-45-67" required> </div> </div> <div class="form-row"> <div class="form-group"> <label for="social">Telegram или ВКонтакте *</label> <input type="text" id="social" name="social" placeholder="@username или ссылка" required> </div> <div class="form-group"> <label for="direction">Направление *</label> <select id="direction" name="direction" required> <option value="">Выберите направление</option> <option value="air">Воздушная акробатика</option> <option value="base">Акробатика Base</option> <option value="girls">Акробатика для девушек</option> <option value="tricking">Трикинг</option> </select> </div> </div> <div class="form-group"> <label for="datetime">Дата и время *</label> <input type="datetime-local" id="datetime" name="datetime" required> </div> <div class="form-group"> <label for="comment">Комментарий (необязательно)</label> <textarea id="comment" name="comment" rows="3" placeholder="Например: хочу пробное занятие"></textarea> </div> <button type="submit" class="btn btn-submit">Записаться</button> <p class="form-note">* — обязательные поля. После отправки мы свяжемся с вами</p> </form> </div> </section> <!-- ==================== КОНТАКТЫ ==================== --> <section class="contacts" id="contacts"> <div class="container"> <h2 class="section-title">Контакты</h2> <div class="contacts-grid"> <div class="contact-info"> <div class="contact-item"> <span class="contact-icon">📍</span> <div> <h4>Адрес</h4> <p>г. Москва, ул. Акробатов, д. 15</p> </div> </div> <div class="contact-item"> <span class="contact-icon">📞</span> <div> <h4>Телефон</h4> <p><a href="tel:+79991234567" class="contact-link">+7 (999) 123-45-67</a></p> </div> </div> <div class="contact-item"> <span class="contact-icon">✉️</span> <div> <h4>Email</h4> <p><a href="mailto:info@peak-studio.ru" class="contact-link">info@peak-studio.ru</a></p> </div> </div> <div class="contact-item"> <span class="contact-icon">⏰</span> <div> <h4>Режим работы</h4> <p>Ежедневно: 10:00 – 22:00</p> </div> </div> </div> <div class="social-links"> <h4>Мы в соцсетях</h4> <div class="social-icons"> <a href="#" class="social-icon">ВК</a> <a href="#" class="social-icon">TG</a> <a href="#" class="social-icon">YouTube</a> </div> </div> </div> </div> </section> <!-- ==================== ПОДВАЛ ==================== --> <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="#schedule">Расписание</a> <a href="#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>