adcovn/olimparena
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: edit texts

Browse Source
This commit is contained in:
Ignat Karelov
2026-05-13 00:28:22 +03:00
parent 459e9c1357
commit c26e67446f
1 changed files with 82 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
index.html
View File

@@ -16,6 +16,7 @@
<nav class="header__nav" aria-label="Основная навигация"> <nav class="header__nav" aria-label="Основная навигация">
<a href="#objects">Объекты</a> <a href="#objects">Объекты</a>
<a href="#services">Услуги</a> <a href="#services">Услуги</a>
<a href="#contacts">Стоимость</a>
<a href="#gallery">Галерея</a> <a href="#gallery">Галерея</a>
<a href="#contacts">Контакты</a> <a href="#contacts">Контакты</a>
</nav> </nav>
@@ -28,22 +29,20 @@
<div class="hero__bg" aria-hidden="true"></div> <div class="hero__bg" aria-hidden="true"></div>
<div class="container hero__content"> <div class="container hero__content">
<h1> <h1>
Современная Спорткомплекс полного цикла в <span>Москве:</span>
<span>спортивная арена</span> лёд, залы, проживание и питание на одной территории
в центре Москвы
</h1> </h1>
<p> <p>
Два ледовых поля 56×26 м и полный комплекс для тренировок — Два ледовых поля 56×26 м, универсальный зал, фитнес-центр и
15 минут пешком от метро Волгоградский проспект апарт-отель на 70+ номеров. 15 минут от центра, своя парковка.
</p> </p>
<ul class="hero__tags"> <ul class="hero__tags">
<li>2 ледовых поля 56×26 м</li> <li>2 ледовых поля 56×26 м</li>
<li>Универсальный зал</li> <li>Универсальный зал, фитнес и залы единоборств</li>
<li>Фитнес-центр</li> <li>Проживание и питание на территории</li>
<li>Апарт-комплекс на 150+ спортсменов</li>
</ul> </ul>
<div class="hero__actions"> <div class="hero__actions">
<a class="btn" href="#booking">Забронировать лед / зал</a> <a class="btn" href="#booking">Забронировать площадку</a>
<a class="btn btn--ghost" href="#">Посмотреть расписание</a> <a class="btn btn--ghost" href="#">Посмотреть расписание</a>
</div> </div>
</div> </div>
@@ -52,20 +51,20 @@
<section class="highlights"> <section class="highlights">
<div class="container highlights__grid"> <div class="container highlights__grid">
<article class="info-card"> <article class="info-card">
<h3>Развитая спортивная инфраструктура</h3> <h3>Всё в одном месте</h3>
<p>Всё для тренировок в одном месте</p> <p>Лёд, спортзалы, фитнес, проживание и питание — без переездов между объектами. Команда заезжает и работает по полной программе.</p>
</article> </article>
<article class="info-card"> <article class="info-card">
<h3>Идеальная транспортная доступность</h3> <h3>Удобная логистика</h3>
<p>15 минут пешком от метро</p> <p>15 минут пешком от метро, удобный заезд на автомобиле, бесплатная парковка для гостей и команд.</p>
</article> </article>
<article class="info-card"> <article class="info-card">
<h3>Комфортные условия</h3> <h3>Комфорт для команд</h3>
<p>Проживание и питание на территории</p> <p>9 раздевалок, судейские помещения, ресторан, апарт-отель — всё для тренировок, сборов и турниров любого масштаба.</p>
</article> </article>
<article class="info-card"> <article class="info-card">
<h3>Профессиональный сервис</h3> <h3>Готовы к соревнованиям</h3>
<p>Современное оборудование и команда</p> <p>Стандартные размеры площадок, профессиональное оборудование, опыт проведения турниров.</p>
</article> </article>
</div> </div>
</section> </section>
@@ -78,67 +77,74 @@
</header> </header>
<article class="object-card"> <article class="object-card">
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/ledovie.jpg');"></div> <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/section-main.webp');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Ледовые поля</h3> <h3>Два ледовых поля</h3>
<p>Два профессиональных поля 56×26 м для хоккея, фигурного катания и массовых катаний.</p> <p>Стандарт 56×26 м. Тренировки, сборы, соревнования.</p>
<ul>
<li>56×26 м, профессиональное покрытие и LED-освещение</li>
<li>Хоккей, фигурное катание, массовые катания</li>
</ul>
<a class="btn btn--small" href="#booking">Забронировать</a> <a class="btn btn--small" href="#booking">Забронировать</a>
</div> </div>
</article> </article>
<article class="object-card object-card--reverse"> <article class="object-card object-card--reverse">
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/IMG_4521-min.jpg');"></div> <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/booking-section.webp');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Универсальный зал</h3> <h3>Универсальный зал</h3>
<p>Многофункциональное пространство для командных и индивидуальных тренировок.</p> <p>Паркетное покрытие. Игровые виды спорта, ОФП, турниры.</p>
<ul>
<li>Полноразмерный зал с современным покрытием</li>
<li>Баскетбол, волейбол, мини-футбол, ОФП</li>
</ul>
<a class="btn btn--small" href="#booking">Забронировать</a> <a class="btn btn--small" href="#booking">Забронировать</a>
</div> </div>
</article> </article>
<article class="object-card"> <article class="object-card">
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.jpg');"></div> <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/infrastructure-section.webp');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Фитнес-центр</h3> <h3>Фитнес-центр</h3>
<p>Современная зона для силовых и функциональных тренировок.</p> <p>Кардио, силовая и функциональная зоны. Premium-оборудование.</p>
<ul> <a class="btn btn--small" href="#booking">Подробнее</a>
<li>Кардио и силовое оборудование нового поколения</li>
<li>Персональные и групповые тренировки</li>
</ul>
<a class="btn btn--small" href="#booking">Забронировать</a>
</div> </div>
</article> </article>
<article class="object-card object-card--reverse"> <article class="object-card object-card--reverse">
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/1231.png');"></div> <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/services-section.webp');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Зал единоборств</h3> <h3>Зал хореографии</h3>
<p>Специализированный зал с профессиональным татами.</p> <p>Зеркала, станки. Танцы, групповые программы, ОФП.</p>
<ul> <a class="btn btn--small" href="#booking">Подробнее</a>
<li>Оборудованный татами • Боксёрские мешки</li>
<li>Единоборства, бокс, ММА</li>
</ul>
<a class="btn btn--small" href="#booking">Забронировать</a>
</div> </div>
</article> </article>
<article class="object-card"> <article class="object-card">
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/8540eec74dd51616e6b30215183b38ad1-870x580.jpg');"></div> <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/footer-section.webp');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Зал хореографии</h3> <h3>Зал единоборств</h3>
<p>Просторный зал с зеркалами и хореографическими станками.</p> <p>Бокс, ММА, борьба. Ринг, татами, мешки.</p>
<ul> <a class="btn btn--small" href="#booking">Подробнее</a>
<li>Зеркала • Станки • Звуковая система</li> </div>
<li>Фигурное катание, танцы, балет</li> </article>
</ul>
<a class="btn btn--small" href="#booking">Забронировать</a> <article class="object-card">
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/footer-section.webp');"></div>
<div class="object-card__content">
<h3>Апарт-отель</h3>
<p>70+ номеров для команд и гостей. Прямо на территории.</p>
<a class="btn btn--small" href="#booking">Подробнее</a>
</div>
</article>
<article class="object-card">
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/footer-section.webp');"></div>
<div class="object-card__content">
<h3>Ресторан</h3>
<p>Сбалансированное спортивное питание. Меню для команд.</p>
<a class="btn btn--small" href="#booking">Подробнее</a>
</div>
</article>
<article class="object-card">
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/footer-section.webp');"></div>
<div class="object-card__content">
<h3>Парковка и подъезд</h3>
<p>Своя парковка для гостей и автобусов команд.</p>
<a class="btn btn--small" href="#booking">Подробнее</a>
</div> </div>
</article> </article>
</div> </div>
@@ -157,8 +163,8 @@
<use href="./assets/images/svg-sprites.svg#icon-complex"></use> <use href="./assets/images/svg-sprites.svg#icon-complex"></use>
</svg> </svg>
</div> </div>
<h3>Апарт-комплекс</h3> <h3>Апарт-отель</h3>
<p>150+ мест для проживания</p> <p>70+ номеров на территории.</p>
</article> </article>
<article class="feature-card"> <article class="feature-card">
<div class="feature-card__icon" aria-hidden="true"> <div class="feature-card__icon" aria-hidden="true">
@@ -167,7 +173,7 @@
</svg> </svg>
</div> </div>
<h3>Ресторан</h3> <h3>Ресторан</h3>
<p>Спортивное питание</p> <p>Сбалансированное питание для спортсменов. Меню под запрос команды (диета, время приёмов, специализированное питание).</p>
</article> </article>
<article class="feature-card"> <article class="feature-card">
<div class="feature-card__icon" aria-hidden="true"> <div class="feature-card__icon" aria-hidden="true">
@@ -175,8 +181,8 @@
<use href="./assets/images/svg-sprites.svg#icon-changingrooms"></use> <use href="./assets/images/svg-sprites.svg#icon-changingrooms"></use>
</svg> </svg>
</div> </div>
<h3>10 раздевалок</h3> <h3>9 раздевалок</h3>
<p>Современные условия</p> <p>Душевые, индивидуальные шкафчики, скамейки, всё необходимое для команд и посетителей.</p>
</article> </article>
<article class="feature-card"> <article class="feature-card">
<div class="feature-card__icon" aria-hidden="true"> <div class="feature-card__icon" aria-hidden="true">
@@ -184,8 +190,8 @@
<use href="./assets/images/svg-sprites.svg#icon-drying"></use> <use href="./assets/images/svg-sprites.svg#icon-drying"></use>
</svg> </svg>
</div> </div>
<h3>Сушильные помещения</h3> <h3>Судейские помещения</h3>
<p>Для экипировки</p> <p>Отдельные комнаты для судей, организаторов и пресс-зоны при проведении соревнований.</p>
</article> </article>
</div> </div>
</div> </div>
@@ -198,15 +204,15 @@
<p>Широкий спектр возможностей для вашего спорта</p> <p>Широкий спектр возможностей для вашего спорта</p>
</header> </header>
<div class="services__grid"> <div class="services__grid">
<a class="service-card" href="#booking">Аренда льда</a> <a class="service-card" href="#booking">Аренда льда — почасовая или абонементом</a>
<a class="service-card" href="#booking">Аренда залов</a> <a class="service-card" href="#booking">Аренда залов — универсального, единоборств, хореографии, фитнес-зон</a>
<a class="service-card" href="#booking">Тренировки секций</a> <a class="service-card" href="#booking">Сборы команд «под ключ» — лёд + зал + проживание + питание</a>
<a class="service-card" href="#booking">Турниры</a> <a class="service-card" href="#booking">Проведение турниров и соревнований</a>
<a class="service-card" href="#booking">Корпоративные мероприятия</a> <a class="service-card" href="#booking">Корпоративные мероприятия и тимбилдинги</a>
<a class="service-card" href="#booking">Фитнес-занятия</a> <a class="service-card" href="#booking">Фитнес — индивидуально, абонемент, групповые занятия</a>
</div> </div>
<div class="services__cta"> <div class="services__cta">
<a class="btn services__cta-btn" href="#">Посмотреть актуальное расписание</a> <a class="btn services__cta-btn" href="#">Подобрать формат и время</a>
</div> </div>
</div> </div>
</section> </section>
@@ -218,12 +224,12 @@
<p>Пространства OlimpArena в деталях</p> <p>Пространства OlimpArena в деталях</p>
</header> </header>
<div class="gallery__grid"> <div class="gallery__grid">
<div class="gallery__item" style="background-image:url('./assets/images/other/1231.png');"></div> <div class="gallery__item" style="background-image:url('./assets/images/other/section-main.webp');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.jpg');"></div> <div class="gallery__item" style="background-image:url('./assets/images/other/booking-section.webp');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/other/8540eec74dd51616e6b30215183b38ad1-870x580.jpg');"></div> <div class="gallery__item" style="background-image:url('./assets/images/other/infrastructure-section.webp');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/other/IMG_4521-min.jpg');"></div> <div class="gallery__item" style="background-image:url('./assets/images/other/services-section.webp');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/other/ledovie.jpg');"></div> <div class="gallery__item" style="background-image:url('./assets/images/other/footer-section.webp');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.jpg');"></div> <div class="gallery__item" style="background-image:url('./assets/images/other/section-main.webp');"></div>
</div> </div>
</div> </div>
</section> </section>
@@ -317,7 +323,7 @@
</span> </span>
<div class="contacts-card__item-content"> <div class="contacts-card__item-content">
<strong>Email</strong> <strong>Email</strong>
<span>info@olimparena.ru</span> <span>receptionadmin@o-arena.ru</span>
</div> </div>
</li> </li>
</ul> </ul>
@@ -345,12 +351,12 @@
<a href="#objects">Объекты</a> <a href="#objects">Объекты</a>
<a href="#services">Услуги</a> <a href="#services">Услуги</a>
<a href="#gallery">Галерея</a> <a href="#gallery">Галерея</a>
<a href="#contacts">Контакты</a> <a href="#contacts">Контакты, режим работы</a>
</nav> </nav>
<div class="footer__contacts"> <div class="footer__contacts">
<h4>Контакты</h4> <h4>Контакты</h4>
<span>+7 (495) 123-45-67</span> <span>+7 (495) 123-45-67</span>
<span>info@olimparena.ru</span> <span>receptionadmin@o-arena.ru</span>
<span>Москва, ТТК</span> <span>Москва, ТТК</span>
</div> </div>
<div class="footer__social"> <div class="footer__social">