/
chebotardaniel
/
mfc
Обзор
Документация
Войти
/
chebotardaniel
/
mfc
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
services.html
323 строки
19 KB
Чеботарь Даниель
feat: страница услуг и страница подтверждения записи
09 май 2026, 14:00
09 май 2026, 14:00
1eafc7f
Код
Авторство
О чём код?
<!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="Услуги МФЦ спортивного клуба «Олимп»: запись на тренировки, фитнес-тестирование, физиотерапия, диетология, аренда инвентаря, медицинское сопровождение."> <meta name="keywords" content="услуги спортклуба, фитнес-тестирование, физиотерапия, диетолог, аренда инвентаря, медицина спорт"> <title>Услуги МФЦ СК «Олимп»</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <a href="#main-content" class="skip-link">Перейти к содержимому</a> <header class="site-header"> <div class="header-inner"> <a href="index.html" class="logo-wrap" aria-label="МФЦ СК «Олимп» — на главную"> <div class="logo-icon" aria-hidden="true"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> <path d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"/> </svg> </div> <div> <div class="site-name">МФЦ СК «Олимп»</div> <div class="site-subtitle">Многофункциональный центр спортивного клуба</div> </div> </a> <button class="burger" id="burger-btn" aria-expanded="false" aria-controls="main-nav" aria-label="Открыть меню"> <span></span><span></span><span></span> </button> <nav class="site-nav" id="main-nav" aria-label="Основная навигация"> <ul> <li><a href="index.html">Главная</a></li> <li><a href="services.html" class="active" aria-current="page">Услуги</a></li> <li><a href="index.html#appointment">Запись</a></li> <li><a href="index.html#contacts">Контакты</a></li> </ul> </nav> </div> </header> <main id="main-content"> <section class="page-hero" aria-labelledby="page-title"> <div class="container"> <nav class="breadcrumb" aria-label="Хлебные крошки"> <a href="index.html">Главная</a> <span class="breadcrumb-sep" aria-hidden="true">/</span> <span aria-current="page">Услуги</span> </nav> <h1 id="page-title">Услуги МФЦ спортивного клуба «Олимп»</h1> <p>Запись, диагностика, восстановление и медицинское сопровождение — всё в одном месте</p> </div> </section> <section class="section" aria-labelledby="services-list-heading"> <div class="container"> <h2 class="section-title" id="services-list-heading">Каталог услуг</h2> <p class="section-desc">Члены клуба «Олимп» получают доступ ко всем услугам МФЦ</p> <div class="section-divider" role="presentation"></div> <div class="services-list"> <article class="service-item" id="training" aria-labelledby="service-training-title"> <div class="service-item-icon" aria-hidden="true"> <img src="images/trener.webp" alt="Тренировочный зал со спортивными снарядами" loading="lazy"> </div> <div class="service-item-body"> <h3 id="service-training-title">Запись на тренировки</h3> <p>Онлайн-запись на групповые занятия (йога, пилатес, CrossFit, аэробика, единоборства) и на персональные тренировки с тренером. Через МФЦ можно выбрать тренера, посмотреть его расписание и записаться на удобное время без звонков. Доступна также запись в бассейн и зал единоборств.</p> <div class="service-meta"> <div class="service-meta-item"> <span aria-hidden="true">⏱</span> <strong>Длительность:</strong> 45–90 мин </div> <div class="service-meta-item"> <span aria-hidden="true">💰</span> <strong>Стоимость:</strong> по абонементу / от 800 ₽ </div> <div class="service-meta-item"> <span aria-hidden="true">📄</span> <strong>Документы:</strong> членская карта клуба </div> </div> </div> </article> <article class="service-item" id="testing" aria-labelledby="service-testing-title"> <div class="service-item-icon" aria-hidden="true"> <img src="images/fittest.webp" alt="Измерение состава тела с помощью профессионального оборудования" loading="lazy"> </div> <div class="service-item-body"> <h3 id="service-testing-title">Фитнес-тестирование</h3> <p>Комплексная диагностика физического состояния: биоимпедансный анализ состава тела (жир, мышцы, вода), тест кардиовыносливости на велоэргометре, оценка гибкости и мобильности суставов, динамометрия. По результатам тестирования тренер разрабатывает персональную программу занятий.</p> <div class="service-meta"> <div class="service-meta-item"> <span aria-hidden="true">⏱</span> <strong>Длительность:</strong> 60 минут </div> <div class="service-meta-item"> <span aria-hidden="true">💰</span> <strong>Стоимость:</strong> от 1 500 ₽ </div> <div class="service-meta-item"> <span aria-hidden="true">📄</span> <strong>Документы:</strong> членская карта, паспорт </div> </div> </div> </article> <article class="service-item" id="physio" aria-labelledby="service-physio-title"> <div class="service-item-icon" aria-hidden="true"> <img src="images/fizio.webp" alt="Физиотерапевт работает с пациентом в кабинете восстановления" loading="lazy"> </div> <div class="service-item-body"> <h3 id="service-physio-title">Физиотерапия и массаж</h3> <p>Восстановительные и лечебные процедуры: спортивный и расслабляющий массаж, миофасциальный релиз, кинезиотейпирование, магнитотерапия, электростимуляция, ультразвуковая терапия. Процедуры помогают ускорить восстановление после травм, снять мышечное напряжение и улучшить подвижность суставов.</p> <div class="service-meta"> <div class="service-meta-item"> <span aria-hidden="true">⏱</span> <strong>Длительность:</strong> 30–60 минут </div> <div class="service-meta-item"> <span aria-hidden="true">💰</span> <strong>Стоимость:</strong> от 1 200 ₽/сеанс </div> <div class="service-meta-item"> <span aria-hidden="true">📄</span> <strong>Документы:</strong> направление врача (при травме) </div> </div> </div> </article> <article class="service-item" id="nutrition" aria-labelledby="service-nutrition-title"> <div class="service-item-icon" aria-hidden="true"> <img src="images/dietolog.webp" alt="Консультация диетолога с планом питания и продуктами" loading="lazy"> </div> <div class="service-item-body"> <h3 id="service-nutrition-title">Консультация диетолога</h3> <p>Индивидуальная консультация спортивного диетолога: анализ текущего рациона, расчёт суточной калорийности и соотношения БЖУ с учётом физической нагрузки, составление плана питания для похудения, набора массы или поддержания формы, рекомендации по спортивному питанию и добавкам.</p> <div class="service-meta"> <div class="service-meta-item"> <span aria-hidden="true">⏱</span> <strong>Длительность:</strong> 45–60 минут </div> <div class="service-meta-item"> <span aria-hidden="true">💰</span> <strong>Стоимость:</strong> от 2 000 ₽ </div> <div class="service-meta-item"> <span aria-hidden="true">📄</span> <strong>Документы:</strong> результаты анализов (при наличии) </div> </div> </div> </article> <article class="service-item" id="inventory" aria-labelledby="service-inventory-title"> <div class="service-item-icon" aria-hidden="true"> <img src="images/iii.webp" alt="Стеллаж со спортивной экипировкой и инвентарём в прокате" loading="lazy"> </div> <div class="service-item-body"> <h3 id="service-inventory-title">Аренда спортивного инвентаря</h3> <p>Прокат широкого ассортимента спортивного оборудования и экипировки: гантели и штанги, скакалки и эспандеры, коврики для йоги и пилатеса, боксёрские перчатки и шлемы, ролики и велосипеды, теннисные ракетки и мячи. Инвентарь выдаётся на время тренировки или на несколько дней.</p> <div class="service-meta"> <div class="service-meta-item"> <span aria-hidden="true">⏱</span> <strong>Срок:</strong> от 1 часа до 7 дней </div> <div class="service-meta-item"> <span aria-hidden="true">💰</span> <strong>Стоимость:</strong> от 100 ₽/час </div> <div class="service-meta-item"> <span aria-hidden="true">📄</span> <strong>Документы:</strong> членская карта, залог </div> </div> </div> </article> <article class="service-item" id="medical" aria-labelledby="service-medical-title"> <div class="service-item-icon" aria-hidden="true"> <img src="images/med.webp" alt="Спортивный врач проводит медицинский осмотр перед соревнованиями" loading="lazy"> </div> <div class="service-item-body"> <h3 id="service-medical-title">Медицинское сопровождение</h3> <p>Врачебный контроль здоровья спортсменов: первичный медицинский осмотр и допуск к занятиям, оформление медицинских справок для секций, бассейна и соревнований, контроль артериального давления и ЧСС, оказание первой помощи при травмах, направление к профильным специалистам.</p> <div class="service-meta"> <div class="service-meta-item"> <span aria-hidden="true">⏱</span> <strong>Длительность:</strong> 20–40 минут </div> <div class="service-meta-item"> <span aria-hidden="true">💰</span> <strong>Стоимость:</strong> от 800 ₽ </div> <div class="service-meta-item"> <span aria-hidden="true">📄</span> <strong>Документы:</strong> паспорт, членская карта </div> </div> </div> </article> </div> <div style="text-align:center; margin-top:48px;"> <p style="color: var(--color-text-muted); margin-bottom:16px;">Остались вопросы? Позвоните нам или запишитесь на консультацию онлайн</p> <a href="index.html#appointment" class="btn btn-primary">Записаться онлайн</a> </div> </div> </section> <section class="section section-alt" aria-labelledby="gallery-heading"> <div class="container"> <h2 class="section-title" id="gallery-heading">Наш клуб</h2> <p class="section-desc">Современное оснащение и профессиональная команда для достижения ваших целей</p> <div class="section-divider" role="presentation"></div> <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;"> <figure style="margin:0;"> <img src="images/XXL_height.webp" alt="Просторный тренажёрный зал клуба «Олимп» с современным оборудованием" loading="lazy" style="width:100%; height:200px; object-fit:cover; border-radius:12px; display:block;"> <figcaption style="text-align:center; font-size:0.85rem; color:var(--color-text-muted); margin-top:8px;">Тренажёрный зал</figcaption> </figure> <figure style="margin:0;"> <img src="images/ii.webp" alt="Групповое занятие по йоге в светлом зале клуба «Олимп»" loading="lazy" style="width:100%; height:200px; object-fit:cover; border-radius:12px; display:block;"> <figcaption style="text-align:center; font-size:0.85rem; color:var(--color-text-muted); margin-top:8px;">Зал групповых занятий</figcaption> </figure> <figure style="margin:0;"> <img src="images/i.webp" alt="Спа-зона клуба «Олимп» — бассейн, сауна и зона релаксации" loading="lazy" style="width:100%; height:200px; object-fit:cover; border-radius:12px; display:block;"> <figcaption style="text-align:center; font-size:0.85rem; color:var(--color-text-muted); margin-top:8px;">Спа-центр</figcaption> </figure> </div> </div> </section> <section class="section" id="contacts" aria-labelledby="contacts-heading"> <div class="container"> <h2 class="section-title" id="contacts-heading">Контакты и режим работы</h2> <div class="section-divider" role="presentation"></div> <div class="contacts-grid"> <div class="contact-card"> <span class="contact-icon" aria-hidden="true">📍</span> <h3>Адрес</h3> <p>ул. Победы, 12<br>г. Санкт-Петербург, 196128</p> </div> <div class="contact-card"> <span class="contact-icon" aria-hidden="true">📞</span> <h3>Телефон</h3> <p><a href="tel:+78124440011">+7 (812) 444-00-11</a><br><small>Пн–Вс: 7:00–23:00</small></p> </div> <div class="contact-card"> <span class="contact-icon" aria-hidden="true">🕐</span> <h3>Режим работы МФЦ</h3> <p>Пн–Пт: 7:00–23:00<br>Сб–Вс: 8:00–22:00</p> </div> </div> </div> </section> </main> <footer class="site-footer"> <div class="footer-inner"> <div class="footer-top"> <div class="footer-brand"> <a href="index.html" class="logo-wrap" aria-label="Перейти на главную страницу"> <div class="logo-icon" aria-hidden="true"> <svg viewBox="0 0 24 24" fill="var(--color-primary)" aria-hidden="true" focusable="false"> <path d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"/> </svg> </div> <div><div class="site-name">МФЦ СК «Олимп»</div></div> </a> <p>Многофункциональный центр спортивного клуба. Все услуги — в одном окне.</p> </div> <div class="footer-col"> <h3>Услуги</h3> <ul> <li><a href="#training">Запись на тренировки</a></li> <li><a href="#testing">Фитнес-тестирование</a></li> <li><a href="#physio">Физиотерапия</a></li> <li><a href="#nutrition">Диетолог</a></li> <li><a href="#medical">Медицина</a></li> </ul> </div> <div class="footer-col"> <h3>Информация</h3> <ul> <li><a href="index.html#appointment">Онлайн-запись</a></li> <li><a href="#contacts">Контакты</a></li> <li><a href="index.html">Главная</a></li> </ul> </div> </div> <div class="footer-bottom"> <p>© 2026 МФЦ СК «Олимп». Все права защищены.</p> <p>Учебный проект. Чеботарь Даниель Олегович, гр. 251-672</p> </div> </div> </footer> </body> </html>