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

edit blocks (gendir 7 + photos FINAL) #39

Merged
artem merged 1 commits from style/design into main 2026-06-19 14:52:22 +00:00
Conversation 0 Commits 1 Files Changed 10 +76 -70
10 changed files with 76 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/main.css
View File

@@ -62,6 +62,10 @@ table {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
html,
body {
background: #121212;
@@ -494,7 +498,8 @@ img {
.objects {
background-image: url(../images/bg-pattern.svg);
background-position: center;
background-position: 50% 10%;
background-attachment: fixed;
}
.objects .section__head {
margin-bottom: 64px;
@@ -583,6 +588,7 @@ img {
}
.object-card:hover .object-card__image {
transform: scale(1.02);
filter: brightness(1.5);
}
.object-card:hover .object-card__content {
transform: translateY(-4px);

2
assets/css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
assets/images/bg-pattern.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 357 KiB

After

Width:  |  Height:  |  Size: 358 KiB

BIN
assets/images/icon_max.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

6
assets/scss/_base.scss
View File

@@ -5,6 +5,8 @@
box-sizing: border-box;
}
html{scroll-behavior: smooth;}
html,
body {
background: $color-bg;
@@ -484,7 +486,8 @@ img {
.objects {
background-image: url(../images/bg-pattern.svg);
background-position: center;
background-position: 50% 10%;
background-attachment: fixed;
.section__head {
margin-bottom: 64px;
}
@@ -585,6 +588,7 @@ img {
&:hover {
.object-card__image {
transform: scale(1.02);
filter: brightness(1.5);
}
.object-card__content {

81
index.html
View File

@@ -3,20 +3,20 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OlimpArena</title>
<title>Олимп Арена</title>
<link rel="stylesheet" href="./assets/css/main.min.css">
</head>
<body>
<div class="site">
<header class="header" id="top">
<div class="container header__inner">
<a class="logo" href="#top" aria-label="OlimpArena">
<img src="./assets/images/logo.svg" alt="OlimpArena">
<a class="logo" href="#top" aria-label="Олимп Арена">
<img src="./assets/images/logo.svg" alt="Олимп Арена">
</a>
<nav class="header__nav" aria-label="Основная навигация">
<a href="#objects">Объекты</a>
<a href="#services">Услуги</a>
<a href="#pricing">Стоимость</a>
<!--<a href="#services">Услуги</a>-->
<!--<a href="#pricing">Стоимость</a>-->
<a href="#gallery">Галерея</a>
<a href="#contacts">Контакты</a>
</nav>
@@ -37,7 +37,7 @@
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
апарт-отель на 70+ номеров. В пределах ТТК.
</p>-->
<p>«Олимп Арена» — не просто арена, а спортивная база полного цикла в центре Москвы. Профессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
<p>Олимп Арена — не просто арена, а спортивная база полного цикла в центре Москвы. Профессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
<ul class="hero__tags">
<li><img src="assets/images/olimp_icon1.png" /> 2 ледовых поля 58×26 м</li>
<li><img src="assets/images/olimp_icon2.png" />Универсальный зал, фитнес центр, и зал хореографии</li>
@@ -75,7 +75,7 @@
</article>
<article class="info-card">
<h3>МНОГОФУНКЦИОНАЛЬНОСТЬ</h3>
<p>Олимп Арена – пространство, объединяющее инфраструктуру для спорта высших достижений, командного и индивидуального спорта: хоккей, фигурное катание, футзал, волейбол, баскетбол, зал единоборств и тренажерный зал. Гибкая и функциональная инфраструктуры подходит для проведения корпоративных и развлекательных мероприятий.</p>
<p>Олимп Арена – пространство, объединяющее инфраструктуру для спорта высших достижений, командного и индивидуального спорта: хоккей, фигурное катание, футзал, волейбол, баскетбол, зал единоборств и тренажерный зал. Гибкая и функциональная инфраструктура подходит для проведения корпоративных и развлекательных мероприятий.</p>
</article>
<article class="info-card">
<h3>ВСЕ ВКЛЮЧЕНО</h3>
@@ -99,7 +99,7 @@
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/led.jpg');"></div>
<div class="object-card__content">
<h3>Два ледовых поля</h3>
<p>Стандарт 58×26 м. Тренировки, сборы, соревнования</p>
<p>Стандарт 58×26 м. Тренировки, сборы, соревнования.</p>
<a class="btn btn--small" href="#booking">Забронировать</a>
</div>
</article>
@@ -108,7 +108,7 @@
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_brosok.jpg');"></div>
<div class="object-card__content">
<h3>Бросковая зона</h3>
<p>4 бросковых дорожки со специализированным покрытием</p>
<p>4 бросковых дорожки со специализированным покрытием.</p>
<a class="btn btn--small" href="#booking">Забронировать</a>
</div>
</article>
@@ -117,7 +117,7 @@
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/basket.jpg');"></div>
<div class="object-card__content">
<h3>Универсальный зал</h3>
<p>Зал для игровых видов спорта, паркетное покрытие</p>
<p>Зал для игровых видов спорта, паркетное покрытие.</p>
<a class="btn btn--small" href="#booking">Забронировать</a>
</div>
</article>
@@ -126,7 +126,7 @@
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/photo_olimp_sport4.jpg');"></div>
<div class="object-card__content">
<h3>Фитнес-центр</h3>
<p>Кардио, силовая и функциональная зоны. Premium-оборудование</p>
<p>Кардио, силовая и функциональная зоны. Премиум-оборудование.</p>
<a class="btn btn--small" href="#booking">Подробнее</a>
</div>
</article>
@@ -135,7 +135,7 @@
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_horeo_new.jpg');"></div>
<div class="object-card__content">
<h3>Зал хореографии</h3>
<p>Оборудован зеркалами и станками для занятий хореографией</p>
<p>Оборудован зеркалами и станками для занятий хореографией.</p>
<a class="btn btn--small" href="#booking">Подробнее</a>
</div>
</article>
@@ -144,7 +144,7 @@
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_hotel2.jpg');"></div>
<div class="object-card__content">
<h3>Апарт-отель</h3>
<p>70+ номеров для команд и гостей. Прямо на территории</p>
<p>70+ номеров для команд и гостей. Прямо на территории.</p>
<a class="btn btn--small" href="#booking">Подробнее</a>
</div>
</article>
@@ -153,7 +153,7 @@
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/photo_olimp_rest7.jpg');"></div>
<div class="object-card__content">
<h3>Ресторан</h3>
<p>Сбалансированное спортивное питание. Меню для команд</p>
<p>Сбалансированное спортивное питание. Меню для команд.</p>
<a class="btn btn--small" href="#booking">Подробнее</a>
</div>
</article>
@@ -162,7 +162,7 @@
<div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/arena_parking2.jpg');"></div>
<div class="object-card__content">
<h3>Парковка</h3>
<p>Своя парковка для гостей и автобусов команд</p>
<p>Своя парковка для гостей и автобусов команд.</p>
<a class="btn btn--small" href="#booking">Подробнее</a>
</div>
</article>
@@ -276,13 +276,13 @@
<div class="container">
<header class="section__head">
<h2>Галерея</h2>
<p>Пространства OlimpArena в деталях</p>
<p>Пространства Олимп Арена в деталях</p>
</header>
<div class="gallery__grid">
<div class="gallery__item" style="background-image:url('./assets/images/renders/basket.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/led.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/ledadnbasket.jpg');"></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/renders/arena_horeo_new.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest1.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest2.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest3.jpg');"></div>
@@ -300,7 +300,7 @@
<div class="container">
<header class="section__head">
<h2>Отзывы</h2>
<p>Что говорят клиенты о тренировках и сборах в OlimpArena</p>
<p>Что говорят клиенты о тренировках и сборах в Олимп Арена</p>
</header>
<div class="reviews__slider" data-reviews-slider>
<button class="reviews__nav reviews__nav--prev" type="button" data-reviews-prev aria-label="Предыдущий отзыв">←</button>
@@ -395,7 +395,7 @@
<div class="container">
<header class="section__head">
<h2>Цифры о комплексе</h2>
<p>Ключевые показатели инфраструктуры OlimpArena</p>
<p>Ключевые показатели инфраструктуры Олимп Арена</p>
</header>
<div class="stats stats--facts">
<article class="stats__item">
@@ -428,15 +428,17 @@
</script>
</div>
<style>
.btrx_static .b24-form-wrapper{background-color:#121212;}
.btrx_static .b24-form-wrapper{background-color:#22292c;}
.btrx_static .b24-form-header-description, .btrx_static .b24-form-header-title{color:#fff;}
.btrx_static .b24-form-control-list .b24-form-control, .btrx_static .b24-form-control-select .field-item, .btrx_static .b24-form-control-string .b24-form-control, .btrx_static .b24-form-control-text .b24-form-control{
color:#999;
color:#4b4b4b;
background-image: linear-gradient(hsl(0deg 0% 100% / 101%), hsl(0deg 0% 100% / 100%));}
.btrx_static .b24-form-control-desc{color:#fff;}
.btrx_static .b24-form-field-agreement .b24-form-control-desc{opacity:0.9;}
.btrx_static .b24-form-field-agreement a.b24-form-field-agreement-link{color: #8cafd3;}
.b24-form-state-container .b24-form-success {background-color: #ffffff !important;}
</style>
@@ -537,11 +539,9 @@
</li>
</ul>
<div class="contacts-card__links">
<a class="contacts-card__messenger" href="https://wa.me/74951234567?text=%D0%94%D0%BE%D0%B1%D1%80%D1%8B%D0%B9%20%D0%B4%D0%B5%D0%BD%D1%8C%2C%20%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%B5%D1%81%D1%83%D0%B5%D1%82%20%D0%B1%D1%80%D0%BE%D0%BD%D1%8C%20%D0%B2%20OlimpArena." target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
<a class="contacts-card__messenger" href="#" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
<span class="contacts-card__action-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
<img style="width:20px;" src="./assets/images/icon_max.png" />
</span>
</a>
<a class="contacts-card__messenger contacts-card__messenger--secondary" href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
@@ -559,13 +559,13 @@
</svg>
</span>
</a>
<a class="contacts-card__messenger contacts-card__messenger--secondary" href="#" aria-label="Instagram">
<!--<a class="contacts-card__messenger contacts-card__messenger--secondary" href="#" aria-label="Instagram">
<span class="contacts-card__action-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg>
</span>
</a>
</a>-->
</div>
<div style="display:none;" class="contacts-card__links contacts-card__links--social">
@@ -588,7 +588,7 @@
<div class="hours-card map-card">
<h4>Карта и маршрут</h4>
<div class="map-card__embed">
<iframe title="OlimpArena на Яндекс Картах" src="https://yandex.ru/map-widget/v1/?text=%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0%2C%20%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9%20%D0%BF%D1%80%D0%BE%D0%B5%D0%B7%D0%B4%2C%204&z=16" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe title="Олимп Арена на Яндекс Картах" src="https://yandex.ru/map-widget/v1/?text=%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0%2C%20%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9%20%D0%BF%D1%80%D0%BE%D0%B5%D0%B7%D0%B4%2C%204&z=16" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="map-card__actions">
<a class="btn btn--small map-card__route" href="https://yandex.ru/maps/?rtext=~%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%B0%2C%20%D0%90%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9%20%D0%BF%D1%80%D0%BE%D0%B5%D0%B7%D0%B4%2C%204&rtt=auto" target="_blank" rel="noopener noreferrer" aria-label="Построить маршрут">
@@ -630,22 +630,23 @@
<div class="container">
<div class="footer__top">
<div class="footer__brand">
<a class="logo" href="#top" aria-label="OlimpArena">
<img src="./assets/images/logo.svg" alt="OlimpArena">
<a class="logo" href="#top" aria-label="Олимп Арена">
<img src="./assets/images/logo.svg" alt="Олимп Арена">
</a>
<p>OlimpArena — спорткомплекс полного цикла: ледовые арены, залы, проживание и питание на одной территории.</p>
<!--<p>Олимп Арена — спорткомплекс полного цикла: ледовые арены, залы, проживание и питание на одной территории.</p>-->
<p>Олимп Арена — не просто арена, а спортивная база полного цикла в центре Москвы. Профессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
</div>
<nav class="footer__nav" aria-label="Навигация в футере">
<h4>Объекты</h4>
<a href="#objects">Объекты</a>
<a href="#infrastructure">Инфраструктура</a>
<!--<a href="#infrastructure">Инфраструктура</a>-->
<a href="#gallery">Галерея</a>
<a href="#facts">Цифры о комплексе</a>
<!--<a href="#facts">Цифры о комплексе</a>-->
</nav>
<nav class="footer__nav" aria-label="Услуги в футере">
<h4>Услуги</h4>
<a href="#services">Форматы аренды и мероприятий</a>
<a href="#pricing">Стоимость</a>
<!--<a href="#services">Форматы аренды и мероприятий</a>-->
<!--<a href="#pricing">Стоимость</a>-->
<a href="#booking">Оставить заявку</a>
</nav>
<div class="footer__contacts">
@@ -656,11 +657,9 @@
<a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers">
<a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
<a href="#" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
<img style="width:20px;" src="./assets/images/icon_max.png" />
</span>
</a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
@@ -671,13 +670,13 @@
</span>
</a>
<a href="#" aria-label="Instagram">
<!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg>
</span>
</a>
</a>-->
<a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">

13
personal-data-order.html
View File

@@ -94,12 +94,13 @@
<a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers">
<a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer"
aria-label="WhatsApp">
<a href="#" target="_blank" rel="noopener noreferrer"
aria-label="Max">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<img style="width:20px;" src="./assets/images/icon_max.png" />
<!--<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
</svg>-->
</span>
</a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -111,13 +112,13 @@
</span>
</a>
<a href="#" aria-label="Instagram">
<!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg>
</span>
</a>
</a>-->
<a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">

12
personal-data-policy.html
View File

@@ -667,12 +667,10 @@
<a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers">
<a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer"
aria-label="WhatsApp">
<a href="#" target="_blank" rel="noopener noreferrer"
aria-label="Max">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
<img style="width:20px;" src="./assets/images/icon_max.png" />
</span>
</a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -684,13 +682,13 @@
</span>
</a>
<a href="#" aria-label="Instagram">
<!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg>
</span>
</a>
</a>-->
<a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">

12
personal-data-protection.html
View File

@@ -1183,12 +1183,10 @@
<a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers">
<a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer"
aria-label="WhatsApp">
<a href="#" target="_blank" rel="noopener noreferrer"
aria-label="Max">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
<img style="width:20px;" src="./assets/images/icon_max.png" />
</span>
</a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -1200,13 +1198,13 @@
</span>
</a>
<a href="#" aria-label="Instagram">
<!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg>
</span>
</a>
</a>-->
<a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">

10
public-offer.html
View File

@@ -559,12 +559,10 @@
<a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers">
<a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer"
<a href="#" target="_blank" rel="noopener noreferrer"
aria-label="WhatsApp">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
<img style="width:20px;" src="./assets/images/icon_max.png" />
</span>
</a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -576,13 +574,13 @@
</span>
</a>
<a href="#" aria-label="Instagram">
<!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg>
</span>
</a>
</a>-->
<a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none">