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

Compare commits

base: adcovn:b4b82ea9e1a1f5279465d43d2e0e9cd242572790
Branches Tags
adcovn:main adcovn:style/design adcovn:style/photo-all adcovn:style/all
...
compare: adcovn:style/design
Branches Tags
adcovn:main adcovn:style/design adcovn:style/photo-all adcovn:style/all

12 Commits
b4b82ea9e1 ... style/desi

Author SHA1 Message Date
Artem
f6996620bc edit blocks (gendir 8 + photos FINAL) 2026-06-19 18:01:31 +03:00
Artem
942bbe4597 edit blocks (gendir 7 + photos FINAL) 2026-06-19 17:51:48 +03:00
Artem
91126bc813 edit blocks (gendir 6 + photos FINAL) 2026-06-18 11:03:21 +03:00
Artem
d48e75c71c edit blocks (gendir 5 + photos FINAL) 2026-06-18 10:51:15 +03:00
Artem
fceb73e161 edit blocks (gendir 4 + photos FINAL) 2026-06-17 17:38:04 +03:00
Artem
1fae105dd5 edit blocks (gendir 3 FORM BITRIX) 2026-06-15 20:11:52 +03:00
Artem
ed1163c361 edit blocks (gendir 2) 2026-06-15 18:03:21 +03:00
Artem
4450690d89 edit blocks (gendir) 2026-06-15 11:09:51 +03:00
artem
5ae5717948 Merge pull request 'style: add raspisanie popup' (#32) from style/design into main
All checks were successful
Deploy Olimparena / deploy (push) Successful in 15s
Details 
Reviewed-on: #32
 2026-06-11 12:14:43 +00:00
Artem
5aa8f860d5 style: add raspisanie popup 2026-06-11 15:13:18 +03:00
artem
833c34bfd0 Merge pull request 'style: add some page (policy and other)' (#31) from style/design into main
All checks were successful
Deploy Olimparena / deploy (push) Successful in 15s
Details 
Reviewed-on: #31
 2026-06-10 12:34:56 +00:00
Artem
0da2a130ac style: add some page (policy and other) 2026-06-10 15:32:00 +03:00
19 changed files with 305 additions and 169 deletions
Expand all files Collapse all files

88
assets/css/main.css
View File

@@ -62,6 +62,10 @@ table {
box-sizing: border-box; box-sizing: border-box;
} }
html {
scroll-behavior: smooth;
}
html, html,
body { body {
background: #121212; background: #121212;
@@ -194,7 +198,7 @@ img {
position: fixed; position: fixed;
inset: 0 0 auto; inset: 0 0 auto;
z-index: 20; z-index: 20;
border-bottom: 1px solid rgba(207, 23, 23, 0.2); border-bottom: 2px solid rgba(207, 23, 23, 0.3);
background: rgba(18, 18, 18, 0.95); background: rgba(18, 18, 18, 0.95);
animation: slide-down 0.65s ease both; animation: slide-down 0.65s ease both;
} }
@@ -224,8 +228,11 @@ img {
.logo { .logo {
display: inline-flex; display: inline-flex;
width: 137px; /*width: 137px;*/
height: 30px; /*height: 30px;*/
width: 172px;
height: auto;
margin-top: 5px;
} }
.logo img { .logo img {
width: 100%; width: 100%;
@@ -235,7 +242,8 @@ img {
.hero { .hero {
position: relative; position: relative;
min-height: 852px; /*min-height: 852px;*/
min-height: 750px;
padding-top: 72px; padding-top: 72px;
} }
.hero__bg { .hero__bg {
@@ -254,8 +262,10 @@ img {
.hero__content { .hero__content {
position: relative; position: relative;
z-index: 1; z-index: 1;
max-width: 1000px; /*max-width: 1000px;*/
margin-left: 528px; max-width: 1200px;
/*margin-left: 528px;*/
margin-left: auto;
padding-top: 104px; padding-top: 104px;
padding-bottom: 100px; padding-bottom: 100px;
} }
@@ -277,10 +287,12 @@ img {
} }
.hero h1 { .hero h1 {
max-width: 1000px; max-width: 1000px;
margin-bottom: 24px; /*margin-bottom: 24px;*/
font-size: 72px; margin-bottom: 30px;
font-size: 82px;
font-weight: 700; font-weight: 700;
line-height: 90px; line-height: 90px;
text-shadow: 0 15px 30px rgba(255, 255, 255, 0.1);
} }
.hero h1 span { .hero h1 span {
color: #cf1717; color: #cf1717;
@@ -299,10 +311,10 @@ img {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 12px; gap: 12px;
margin-bottom: 15px; margin-bottom: 25px;
} }
.hero__tags li { .hero__tags li {
padding: 20px 20px; padding: 16px 20px;
border: 1px solid rgba(207, 23, 23, 0.3); border: 1px solid rgba(207, 23, 23, 0.3);
/*background: rgba(41, 49, 51, 0.6);*/ /*background: rgba(41, 49, 51, 0.6);*/
font-size: 14px; font-size: 14px;
@@ -310,16 +322,23 @@ img {
line-height: 20px; line-height: 20px;
white-space: nowrap; white-space: nowrap;
transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease; transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.09);
backdrop-filter: blur(53px); backdrop-filter: blur(53px);
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
border: 0px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 12px; border-radius: 12px;
width: 240px;
text-align: center;
white-space: normal;
} }
.hero__tags li:hover { .hero__tags li:hover {
transform: translateY(-1px); transform: translateY(-1px);
border-color: rgba(207, 23, 23, 0.55); /*border-color: rgba(207, 23, 23, 0.55);*/
background: rgba(41, 49, 51, 0.9); /*background: rgba(41, 49, 51, 0.9);*/
}
.hero__tags li img {
width: 100px;
margin: 0 auto 5px;
} }
.hero__actions { .hero__actions {
display: flex; display: flex;
@@ -337,7 +356,7 @@ img {
} }
.highlights__grid { .highlights__grid {
display: grid; display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px; gap: 24px;
} }
@@ -357,7 +376,7 @@ img {
} }
.info-card h3 { .info-card h3 {
margin-bottom: 8px; margin-bottom: 8px;
font-size: 20px; font-size: 18px;
font-weight: 500; font-weight: 500;
line-height: 28px; line-height: 28px;
} }
@@ -479,7 +498,8 @@ img {
.objects { .objects {
background-image: url(../images/bg-pattern.svg); background-image: url(../images/bg-pattern.svg);
background-position: center; background-position: 50% 10%;
background-attachment: fixed;
} }
.objects .section__head { .objects .section__head {
margin-bottom: 64px; margin-bottom: 64px;
@@ -568,6 +588,7 @@ img {
} }
.object-card:hover .object-card__image { .object-card:hover .object-card__image {
transform: scale(1.02); transform: scale(1.02);
filter: brightness(1.5);
} }
.object-card:hover .object-card__content { .object-card:hover .object-card__content {
transform: translateY(-4px); transform: translateY(-4px);
@@ -1600,20 +1621,21 @@ img {
margin-left: auto; margin-left: auto;
} }
.hero h1 { .hero h1 {
font-size: 64px; font-size: 80px;
line-height: 1.15; line-height: 1.15;
} }
} }
@media only screen and (max-width: 1280px) { @media only screen and (max-width: 1280px) {
.container { .container {
padding: 0 20px; /*padding: 0 20px;*/
} }
.header__nav { .header__nav {
gap: 20px; gap: 20px;
margin-right: 20px; margin-right: 20px;
} }
.hero__content { .hero__content {
margin-left: 280px; /*margin-left: 280px;*/
margin-left: auto;
max-width: 700px; max-width: 700px;
} }
.hero h1 { .hero h1 {
@@ -1791,7 +1813,7 @@ img {
padding: 0 16px; padding: 0 16px;
} }
.btn { .btn {
width: 100%; width: 97%;
} }
.btn--small { .btn--small {
width: auto; width: auto;
@@ -1805,11 +1827,18 @@ img {
} }
.hero p { .hero p {
max-width: 100%; max-width: 100%;
font-weight: 200;
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
} }
.hero__tags li { .hero__tags li {
white-space: normal; white-space: normal;
padding: 14px 20px;
width: 47%;
font-size: 12px;
}
.hero__tags li img {
width: 73px;
} }
.hero__actions .btn--ghost { .hero__actions .btn--ghost {
width: 100%; width: 100%;
@@ -1915,18 +1944,24 @@ img {
gap: 12px; gap: 12px;
} }
.logo { .logo {
width: 110px; /*width: 110px;*/
height: 24px; /*height: 24px;*/
height: auto;
width: 150px;
margin-top: 12px;
} }
.btn--small { .btn--small {
padding: 10px 16px; padding: 6px 20px;
font-size: 13px; font-size: 12px;
} }
.hero { .hero {
padding-top: 100px; padding-top: 100px;
} }
.hero h1 { .hero h1 {
font-size: 34px; /*font-size: 34px;*/
font-size: 32px;
margin-top: 20px;
margin-bottom: 25px;
} }
.hero__actions { .hero__actions {
gap: 12px; gap: 12px;
@@ -1946,6 +1981,7 @@ img {
.hours-card, .hours-card,
.object-card__content { .object-card__content {
padding: 24px; padding: 24px;
min-height: 230px;
} }
.feature-card { .feature-card {
padding: 34px 24px; padding: 34px 24px;

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

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 61 KiB

BIN
assets/images/renders/arena_brosok.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 137 KiB

BIN
assets/images/renders/arena_horeo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

BIN
assets/images/renders/arena_horeo_new.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 133 KiB

BIN
assets/images/renders/arena_hotel2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

BIN
assets/images/renders/arena_parking2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

88
assets/scss/_base.scss
View File

@@ -5,6 +5,8 @@
box-sizing: border-box; box-sizing: border-box;
} }
html{scroll-behavior: smooth;}
html, html,
body { body {
background: $color-bg; background: $color-bg;
@@ -142,7 +144,7 @@ img {
position: fixed; position: fixed;
inset: 0 0 auto; inset: 0 0 auto;
z-index: 20; z-index: 20;
border-bottom: 1px solid rgba(207, 23, 23, 0.2); border-bottom: 2px solid rgba(207, 23, 23, 0.3);
background: rgba(18, 18, 18, 0.95); background: rgba(18, 18, 18, 0.95);
animation: slide-down 0.65s ease both; animation: slide-down 0.65s ease both;
@@ -176,8 +178,11 @@ img {
.logo { .logo {
display: inline-flex; display: inline-flex;
width: 137px; /*width: 137px;*/
height: 30px; /*height: 30px;*/
width:172px;
height:auto;
margin-top:5px;
img { img {
width: 100%; width: 100%;
@@ -188,7 +193,8 @@ img {
.hero { .hero {
position: relative; position: relative;
min-height: 852px; /*min-height: 852px;*/
min-height:750px;
padding-top: 72px; padding-top: 72px;
&__bg { &__bg {
@@ -213,8 +219,10 @@ img {
&__content { &__content {
position: relative; position: relative;
z-index: 1; z-index: 1;
max-width: 1000px; /*max-width: 1000px;*/
margin-left: 528px; max-width: 1200px;
/*margin-left: 528px;*/
margin-left:auto;
padding-top: 104px; padding-top: 104px;
padding-bottom: 100px; padding-bottom: 100px;
@@ -242,10 +250,12 @@ img {
h1 { h1 {
max-width: 1000px; max-width: 1000px;
margin-bottom: 24px; /*margin-bottom: 24px;*/
font-size: 72px; margin-bottom:30px;
font-size: 82px;
font-weight: 700; font-weight: 700;
line-height: 90px; line-height: 90px;
text-shadow: 0 15px 30px rgb(255 255 255 / 10%);
span { span {
color: $color-accent; color: $color-accent;
@@ -267,10 +277,10 @@ img {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 12px; gap: 12px;
margin-bottom: 15px; margin-bottom: 25px;
li { li {
padding: 20px 20px; padding: 16px 20px;
border: 1px solid $color-border-strong; border: 1px solid $color-border-strong;
/*background: rgba(41, 49, 51, 0.6);*/ /*background: rgba(41, 49, 51, 0.6);*/
font-size: 14px; font-size: 14px;
@@ -279,17 +289,25 @@ img {
white-space: nowrap; white-space: nowrap;
transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease; transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.09);
backdrop-filter: blur(53px); backdrop-filter: blur(53px);
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
border: 0px solid rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 12px; border-radius: 12px;
width:240px;
text-align:center;
white-space: normal;
&:hover { &:hover {
transform: translateY(-1px); transform: translateY(-1px);
border-color: rgba(207, 23, 23, 0.55); /*border-color: rgba(207, 23, 23, 0.55);*/
background: rgba(41, 49, 51, 0.9); /*background: rgba(41, 49, 51, 0.9);*/
} }
img{
width:100px;
margin: 0 auto 5px;
}
} }
} }
@@ -311,7 +329,7 @@ img {
&__grid { &__grid {
display: grid; display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px; gap: 24px;
} }
} }
@@ -330,7 +348,7 @@ img {
h3 { h3 {
margin-bottom: 8px; margin-bottom: 8px;
font-size: 20px; font-size: 18px;
font-weight: 500; font-weight: 500;
line-height: 28px; line-height: 28px;
} }
@@ -468,7 +486,8 @@ img {
.objects { .objects {
background-image: url(../images/bg-pattern.svg); background-image: url(../images/bg-pattern.svg);
background-position: center; background-position: 50% 10%;
background-attachment: fixed;
.section__head { .section__head {
margin-bottom: 64px; margin-bottom: 64px;
} }
@@ -569,6 +588,7 @@ img {
&:hover { &:hover {
.object-card__image { .object-card__image {
transform: scale(1.02); transform: scale(1.02);
filter: brightness(1.5);
} }
.object-card__content { .object-card__content {
@@ -1743,7 +1763,7 @@ img {
} }
h1 { h1 {
font-size: 64px; font-size: 80px;
line-height: 1.15; line-height: 1.15;
} }
} }
@@ -1751,7 +1771,7 @@ img {
@include respond($bp-xl) { @include respond($bp-xl) {
.container { .container {
padding: 0 20px; /*padding: 0 20px;*/
} }
.header { .header {
@@ -1763,7 +1783,8 @@ img {
.hero { .hero {
&__content { &__content {
margin-left: 280px; /*margin-left: 280px;*/
margin-left: auto;
max-width: 700px; max-width: 700px;
} }
@@ -2021,7 +2042,7 @@ img {
} }
.btn { .btn {
width: 100%; width: 97%;
&--small { &--small {
width: auto; width: auto;
@@ -2038,6 +2059,7 @@ img {
p { p {
max-width: 100%; max-width: 100%;
font-weight:200;
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
} }
@@ -2045,6 +2067,13 @@ img {
&__tags { &__tags {
li { li {
white-space: normal; white-space: normal;
padding: 14px 20px;
width: 47%;
font-size: 12px;
img{
width: 73px;
}
} }
} }
@@ -2198,14 +2227,17 @@ img {
} }
.logo { .logo {
width: 110px; /*width: 110px;*/
height: 24px; /*height: 24px;*/
height: auto;
width:150px;
margin-top: 12px;
} }
.btn { .btn {
&--small { &--small {
padding: 10px 16px; padding: 6px 20px;
font-size: 13px; font-size: 12px;
} }
} }
@@ -2213,7 +2245,10 @@ img {
padding-top: 100px; padding-top: 100px;
h1 { h1 {
font-size: 34px; /*font-size: 34px;*/
font-size:32px;
margin-top:20px;
margin-bottom:25px;
} }
&__actions { &__actions {
@@ -2241,6 +2276,7 @@ img {
.hours-card, .hours-card,
.object-card__content { .object-card__content {
padding: 24px; padding: 24px;
min-height:230px;
} }
.feature-card{ .feature-card{

195
index.html
View File

@@ -3,20 +3,20 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="./assets/css/main.min.css">
</head> </head>
<body> <body>
<div class="site"> <div class="site">
<header class="header" id="top"> <header class="header" id="top">
<div class="container header__inner"> <div class="container header__inner">
<a class="logo" href="#top" aria-label="OlimpArena"> <a class="logo" href="#top" aria-label="Олимп Арена">
<img src="./assets/images/logo.svg" alt="OlimpArena"> <img src="./assets/images/logo.svg" alt="Олимп Арена">
</a> </a>
<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="#pricing">Стоимость</a> <!--<a href="#pricing">Стоимость</a>-->
<a href="#gallery">Галерея</a> <a href="#gallery">Галерея</a>
<a href="#contacts">Контакты</a> <a href="#contacts">Контакты</a>
</nav> </nav>
@@ -28,29 +28,32 @@
<section class="hero"> <section class="hero">
<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><br> Спорткомплекс полного цикла в <span>Москве:</span><br>
лёд, залы, проживание и питание на одной территории лёд, залы, проживание и питание на одной территории
</h1> </h1>-->
<p> <h1>Ледовый<br> спорткомплекс</h1>
<!--<p>
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
апарт-отель на 70+ номеров. В пределах ТТК. апарт-отель на 70+ номеров. В пределах ТТК.
</p> </p>-->
<p>Олимп Арена — не просто арена, а спортивная база полного цикла в центре Москвы. Профессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
<ul class="hero__tags"> <ul class="hero__tags">
<li>2 ледовых поля 58×26 м</li> <li><img src="assets/images/olimp_icon1.png" /> 2 ледовых поля 58×26 м</li>
<li>Универсальный зал, фитнес центр, и зал хореографии</li> <li><img src="assets/images/olimp_icon2.png" />Универсальный зал, фитнес центр, и зал хореографии</li>
<li>Проживание и питание на территории</li> <li><img src="assets/images/olimp_icon3.png" />Проживание и питание на территории</li>
<li><img src="assets/images/olimp_icon4.png" />Собственный паркинг</li>
</ul> </ul>
<div class="hero__actions"> <div class="hero__actions">
<a class="btn" href="#booking">Забронировать площадку</a> <a style="padding-left: 75px; padding-right: 75px;" class="btn" href="#booking">Оставить заявку</a>
<a class="btn btn--ghost" href="#">Узнать расписание</a> <a style="display:none;" class="btn btn--ghost" href="#booking">Узнать расписание</a>
</div> </div>
</div> </div>
</section> </section>
<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>Лёд, спортзалы, фитнес, проживание и питание — 5 минут от метро Волгоградский проспект, удобный заезд на автомобиле, собственная парковка для гостей комплекса</p> <p>Лёд, спортзалы, фитнес, проживание и питание — 5 минут от метро Волгоградский проспект, удобный заезд на автомобиле, собственная парковка для гостей комплекса</p>
</article> </article>
@@ -65,13 +68,29 @@
<article class="info-card"> <article class="info-card">
<h3>Готовы к соревнованиям</h3> <h3>Готовы к соревнованиям</h3>
<p>Стандартные размеры площадок, профессиональное оборудование, опыт проведения турниров.</p> <p>Стандартные размеры площадок, профессиональное оборудование, опыт проведения турниров.</p>
</article>-->
<article class="info-card">
<h3>ПРЕМИУМ УРОВЕНЬ</h3>
<p>Олимп Арена – это лёд высокого качества, универсальный зал по международным стандартам, бросковая зона, функциональные и просторные раздевалки, судейские и тренерские, тренажеры и оборудование премиум-уровня, строгий и дорогой интерьер, собственный паркинг – продумана каждая деталь для Вашего комфорта и достижения целей.</p>
</article>
<article class="info-card">
<h3>МНОГОФУНКЦИОНАЛЬНОСТЬ</h3>
<p>Олимп Арена – пространство, объединяющее инфраструктуру для спорта высших достижений, командного и индивидуального спорта: хоккей, фигурное катание, футзал, волейбол, баскетбол, зал единоборств и тренажерный зал. Гибкая и функциональная инфраструктура подходит для проведения корпоративных и развлекательных мероприятий.</p>
</article>
<article class="info-card">
<h3>ВСЕ ВКЛЮЧЕНО</h3>
<p>Олимп Арена – это непросто спортивный объект, это спортивная база в центре Москвы, которая подходит для проведения учебно-тренировочных занятий, спортивных сборов, соревнований и турниров. Лед, спортивные залы, апарт-отель – все одном месте.</p>
</article>
<article class="info-card">
<h3>ЛОКАЦИЯ </h3>
<p>Олимп Арена – это идеальное место для спорта с превосходной транспортной доступностью. Арена удобно расположена относительно станции метро, МЦК, Третьего и Садового кольца.</p>
</article> </article>
</div> </div>
</section> </section>
<section class="section section--pattern objects" id="objects"> <section class="section section--pattern objects" id="objects">
<div class="container"> <div class="container">
<header class="section__head"> <header class="section__head" style="display:none;">
<h2>Наши объекты</h2> <h2>Наши объекты</h2>
<p>Профессиональная инфраструктура для ваших целей</p> <p>Профессиональная инфраструктура для ваших целей</p>
</header> </header>
@@ -80,43 +99,52 @@
<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__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"> <div class="object-card__content">
<h3>Два ледовых поля</h3> <h3>Два ледовых поля</h3>
<p>Стандарт 58×26 м. Тренировки, сборы, соревнования</p> <p>Стандарт 58×26 м. Тренировки, сборы, соревнования.</p>
<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/renders/basket.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/renders/arena_brosok.jpg');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Универсальный зал</h3> <h3>Бросковая зона</h3>
<p>Зал для игровых видов спорта, паркетное покрытие</p> <p>4 бросковых дорожки со специализированным покрытием.</p>
<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/renders/basket.jpg');"></div>
<div class="object-card__content">
<h3>Универсальный зал</h3>
<p>Зал для игровых видов спорта, паркетное покрытие.</p>
<a class="btn btn--small" href="#booking">Забронировать</a>
</div>
</article>
<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/renders/photo_olimp_sport4.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/renders/photo_olimp_sport4.jpg');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Фитнес-центр</h3> <h3>Фитнес-центр</h3>
<p>Кардио, силовая и функциональная зоны. Premium-оборудование</p> <p>Кардио, силовая и функциональная зоны. Премиум-оборудование.</p>
<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" style="display:none;"> <article class="object-card" style="">
<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/renders/arena_horeo_new.jpg');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Зал хореографии</h3> <h3>Зал хореографии</h3>
<p>Оборудован зеркалами и станками для занятий хореографией</p> <p>Оборудован зеркалами и станками для занятий хореографией.</p>
<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/renders/arena_hotel.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/renders/arena_hotel2.jpg');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Апарт-отель</h3> <h3>Апарт-отель</h3>
<p>70+ номеров для команд и гостей. Прямо на территории</p> <p>70+ номеров для команд и гостей. Прямо на территории.</p>
<a class="btn btn--small" href="#booking">Подробнее</a> <a class="btn btn--small" href="#booking">Подробнее</a>
</div> </div>
</article> </article>
@@ -125,23 +153,23 @@
<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__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"> <div class="object-card__content">
<h3>Ресторан</h3> <h3>Ресторан</h3>
<p>Сбалансированное спортивное питание. Меню для команд</p> <p>Сбалансированное спортивное питание. Меню для команд.</p>
<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/renders/arena_parking.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/renders/arena_parking2.jpg');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Парковка и подъезд</h3> <h3>Парковка</h3>
<p>Своя парковка для гостей и автобусов команд</p> <p>Своя парковка для гостей и автобусов команд.</p>
<a class="btn btn--small" href="#booking">Подробнее</a> <a class="btn btn--small" href="#booking">Подробнее</a>
</div> </div>
</article> </article>
</div> </div>
</section> </section>
<section class="section infrastructure" id="infrastructure"> <section class="section infrastructure" id="infrastructure" style="display:none;">
<div class="container"> <div class="container">
<header class="section__head"> <header class="section__head">
<h2>Инфраструктура</h2> <h2>Инфраструктура</h2>
@@ -188,7 +216,7 @@
</div> </div>
</section> </section>
<section class="section services" id="services"> <section class="section services" id="services" style="display:none;">
<div class="container"> <div class="container">
<header class="section__head"> <header class="section__head">
<h2>Услуги</h2> <h2>Услуги</h2>
@@ -218,7 +246,7 @@
</div> </div>
</section> </section>
<section class="section pricing" id="pricing"> <section class="section pricing" id="pricing" style="display:none;">
<div class="container"> <div class="container">
<header class="section__head"> <header class="section__head">
<h2>Стоимость</h2> <h2>Стоимость</h2>
@@ -248,13 +276,13 @@
<div class="container"> <div class="container">
<header class="section__head"> <header class="section__head">
<h2>Галерея</h2> <h2>Галерея</h2>
<p>Пространства OlimpArena в деталях</p> <p>Пространства Олимп Арена в деталях</p>
</header> </header>
<div class="gallery__grid"> <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/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/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/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_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_rest2.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest3.jpg');"></div> <div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest3.jpg');"></div>
@@ -272,7 +300,7 @@
<div class="container"> <div class="container">
<header class="section__head"> <header class="section__head">
<h2>Отзывы</h2> <h2>Отзывы</h2>
<p>Что говорят клиенты о тренировках и сборах в OlimpArena</p> <p>Что говорят клиенты о тренировках и сборах в Олимп Арена</p>
</header> </header>
<div class="reviews__slider" data-reviews-slider> <div class="reviews__slider" data-reviews-slider>
<button class="reviews__nav reviews__nav--prev" type="button" data-reviews-prev aria-label="Предыдущий отзыв">←</button> <button class="reviews__nav reviews__nav--prev" type="button" data-reviews-prev aria-label="Предыдущий отзыв">←</button>
@@ -367,7 +395,7 @@
<div class="container"> <div class="container">
<header class="section__head"> <header class="section__head">
<h2>Цифры о комплексе</h2> <h2>Цифры о комплексе</h2>
<p>Ключевые показатели инфраструктуры OlimpArena</p> <p>Ключевые показатели инфраструктуры Олимп Арена</p>
</header> </header>
<div class="stats stats--facts"> <div class="stats stats--facts">
<article class="stats__item"> <article class="stats__item">
@@ -386,12 +414,37 @@
</div> </div>
</section> </section>
<section class="section booking" id="booking"> <section class="section booking2" id="booking">
<div class="container booking__wrap"> <div class="container booking__wrap">
<div class="booking__form"> <div class="booking__form">
<h2>Оставьте заявку — подберём площадку и&nbsp;время</h2>
<p>Перезвоним в течение 15 минут в рабочее время и пришлём расчёт</p>
<form id="booking-form" action="#" method="post" novalidate data-metrika-id="" data-autoreply-endpoint=""> <div class="btrx_form btrx_static">
<script data-b24-form="inline/2/6zwmro" data-skip-moving="true">
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://cdn-ru.bitrix24.ru/b38081672/crm/form/loader_2.js');
</script>
</div>
<style>
.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:#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>
<h2 style="display:none;">Оставьте заявку — подберём площадку и&nbsp;время</h2>
<p style="display:none;">Перезвоним в течение 15 минут в рабочее время и пришлём расчёт</p>
<form style="display:none;" id="booking-form" action="#" method="post" novalidate data-metrika-id="" data-autoreply-endpoint="">
<div class="booking__field"> <div class="booking__field">
<label for="booking-name">Имя <span class="required-mark">*</span></label> <label for="booking-name">Имя <span class="required-mark">*</span></label>
<input id="booking-name" type="text" name="name" autocomplete="name" placeholder="Введите имя" required> <input id="booking-name" type="text" name="name" autocomplete="name" placeholder="Введите имя" required>
@@ -486,11 +539,9 @@
</li> </li>
</ul> </ul>
<div class="contacts-card__links"> <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"> <span class="contacts-card__action-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <img style="width:20px;" src="./assets/images/icon_max.png" />
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
</span> </span>
</a> </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"> <a class="contacts-card__messenger contacts-card__messenger--secondary" href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
@@ -508,13 +559,13 @@
</svg> </svg>
</span> </span>
</a> </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"> <span class="contacts-card__action-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use> <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg> </svg>
</span> </span>
</a> </a>-->
</div> </div>
<div style="display:none;" class="contacts-card__links contacts-card__links--social"> <div style="display:none;" class="contacts-card__links contacts-card__links--social">
@@ -537,7 +588,7 @@
<div class="hours-card map-card"> <div class="hours-card map-card">
<h4>Карта и маршрут</h4> <h4>Карта и маршрут</h4>
<div class="map-card__embed"> <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>
<div class="map-card__actions"> <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="Построить маршрут"> <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="Построить маршрут">
@@ -574,26 +625,28 @@
</div> </div>
</div> </div>
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<div class="footer__top"> <div class="footer__top">
<div class="footer__brand"> <div class="footer__brand">
<a class="logo" href="#top" aria-label="OlimpArena"> <a class="logo" href="#top" aria-label="Олимп Арена">
<img src="./assets/images/logo.svg" alt="OlimpArena"> <img src="./assets/images/logo.svg" alt="Олимп Арена">
</a> </a>
<p>OlimpArena — спорткомплекс полного цикла: ледовые арены, залы, проживание и питание на одной территории.</p> <!--<p>Олимп Арена — спорткомплекс полного цикла: ледовые арены, залы, проживание и питание на одной территории.</p>-->
<p>Олимп Арена — не просто арена, а спортивная база полного цикла в центре Москвы. Профессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
</div> </div>
<nav class="footer__nav" aria-label="Навигация в футере"> <nav class="footer__nav" aria-label="Навигация в футере">
<h4>Объекты</h4> <h4>Объекты</h4>
<a href="#objects">Объекты</a> <a href="#objects">Объекты</a>
<a href="#infrastructure">Инфраструктура</a> <!--<a href="#infrastructure">Инфраструктура</a>-->
<a href="#gallery">Галерея</a> <a href="#gallery">Галерея</a>
<a href="#facts">Цифры о комплексе</a> <!--<a href="#facts">Цифры о комплексе</a>-->
</nav> </nav>
<nav class="footer__nav" aria-label="Услуги в футере"> <nav class="footer__nav" aria-label="Услуги в футере">
<h4>Услуги</h4> <h4>Услуги</h4>
<a href="#services">Форматы аренды и мероприятий</a> <!--<a href="#services">Форматы аренды и мероприятий</a>-->
<a href="#pricing">Стоимость</a> <!--<a href="#pricing">Стоимость</a>-->
<a href="#booking">Оставить заявку</a> <a href="#booking">Оставить заявку</a>
</nav> </nav>
<div class="footer__contacts"> <div class="footer__contacts">
@@ -604,11 +657,9 @@
<a>Москва, Автомобильный проезд, 4</a> <a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br> <a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers"> <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"> <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" />
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
</span> </span>
</a> </a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" aria-label="Telegram"> <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" aria-label="Telegram">
@@ -619,13 +670,13 @@
</span> </span>
</a> </a>
<a href="#" aria-label="Instagram"> <!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use> <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg> </svg>
</span> </span>
</a> </a>-->
<a href="#" aria-label="ВКонтакте"> <a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
@@ -657,7 +708,7 @@
<div class="footer__legal"> <div class="footer__legal">
<a href="./personal-data-policy.html">Политика обработки ПДн</a> <a href="./personal-data-policy.html">Политика обработки ПДн</a>
<a href="./personal-data-protection.html">Положение о защите ПДн</a> <a href="./personal-data-protection.html">Положение о защите ПДн</a>
<a href="./personal-data-order.html">Приказ № 16-К</a> <a style="display:none;" href="./personal-data-order.html">Приказ № 16-К</a>
<a href="./public-offer.html">Публичная оферта</a> <a href="./public-offer.html">Публичная оферта</a>
<span>ИНН 9709123707 · ОГРН 1257700167702</span> <span>ИНН 9709123707 · ОГРН 1257700167702</span>
</div> </div>
@@ -670,7 +721,19 @@
<!-- Всплывающее окно бронирования --> <!-- Всплывающее окно бронирования -->
<div class="modal" id="booking-popup" aria-hidden="true" role="dialog" aria-modal="true"> <div class="modal" id="booking-popup" aria-hidden="true" role="dialog" aria-modal="true">
<div class="modal__overlay" data-modal-close></div> <div class="modal__overlay" data-modal-close></div>
<div class="modal__content modal__content--white">
<div class="modal__content modal__content--white" style="padding:0;">
<div class="btrx_form">
<script data-b24-form="inline/2/6zwmro" data-skip-moving="true">
(function(w,d,u){
var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);
var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://cdn-ru.bitrix24.ru/b38081672/crm/form/loader_2.js');
</script>
</div>
</div>
<div style="display:none;" class="modal__content modal__content--white">
<button class="modal__close" data-modal-close aria-label="Закрыть">×</button> <button class="modal__close" data-modal-close aria-label="Закрыть">×</button>
<h2 class="modal__title">Забронировать время</h2> <h2 class="modal__title">Забронировать время</h2>
@@ -825,6 +888,10 @@
text-transform: uppercase; text-transform: uppercase;
box-shadow: none; box-shadow: none;
} }
.btrx_form .b24-form-wrapper.b24-form-border-bottom{border-radius:14px;}
</style> </style>
<script> <script>

25
personal-data-order.html
View File

@@ -17,8 +17,8 @@
</a> </a>
<nav class="header__nav" aria-label="Основная навигация"> <nav class="header__nav" aria-label="Основная навигация">
<a href="./index.html#objects">Объекты</a> <a href="./index.html#objects">Объекты</a>
<a href="./index.html#services">Услуги</a> <!--<a href="./index.html#services">Услуги</a>-->
<a href="./index.html#pricing">Стоимость</a> <!--<a href="./index.html#pricing">Стоимость</a>-->
<a href="./index.html#gallery">Галерея</a> <a href="./index.html#gallery">Галерея</a>
<a href="./index.html#contacts">Контакты</a> <a href="./index.html#contacts">Контакты</a>
</nav> </nav>
@@ -78,12 +78,12 @@
<a href="./index.html#objects">Объекты</a> <a href="./index.html#objects">Объекты</a>
<a href="./index.html#infrastructure">Инфраструктура</a> <a href="./index.html#infrastructure">Инфраструктура</a>
<a href="./index.html#gallery">Галерея</a> <a href="./index.html#gallery">Галерея</a>
<a href="./index.html#facts">Цифры о комплексе</a> <!--<a href="./index.html#facts">Цифры о комплексе</a>-->
</nav> </nav>
<nav class="footer__nav" aria-label="Услуги в футере"> <nav class="footer__nav" aria-label="Услуги в футере">
<h4>Услуги</h4> <h4>Услуги</h4>
<a href="./index.html#services">Форматы аренды и мероприятий</a> <!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
<a href="./index.html#pricing">Стоимость</a> <!--<a href="./index.html#pricing">Стоимость</a>-->
<a href="./index.html#booking">Оставить заявку</a> <a href="./index.html#booking">Оставить заявку</a>
</nav> </nav>
<div class="footer__contacts"> <div class="footer__contacts">
@@ -94,12 +94,13 @@
<a>Москва, Автомобильный проезд, 4</a> <a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br> <a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers"> <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"> aria-label="Max">
<span class="footer__messenger-icon" aria-hidden="true"> <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> <use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg> </svg>-->
</span> </span>
</a> </a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -111,13 +112,13 @@
</span> </span>
</a> </a>
<a href="#" aria-label="Instagram"> <!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use> <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg> </svg>
</span> </span>
</a> </a>-->
<a href="#" aria-label="ВКонтакте"> <a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
@@ -149,7 +150,7 @@
<div class="footer__legal"> <div class="footer__legal">
<a href="./personal-data-policy.html">Политика обработки ПДн</a> <a href="./personal-data-policy.html">Политика обработки ПДн</a>
<a href="./personal-data-protection.html">Положение о защите ПДн</a> <a href="./personal-data-protection.html">Положение о защите ПДн</a>
<a href="./personal-data-order.html">Приказ № 16-К</a> <a style="display:none;" href="./personal-data-order.html">Приказ № 16-К</a>
<a href="./public-offer.html">Публичная оферта</a> <a href="./public-offer.html">Публичная оферта</a>
<span>ИНН 9709123707 · ОГРН 1257700167702</span> <span>ИНН 9709123707 · ОГРН 1257700167702</span>
</div> </div>

26
personal-data-policy.html
View File

@@ -17,8 +17,8 @@
</a> </a>
<nav class="header__nav" aria-label="Основная навигация"> <nav class="header__nav" aria-label="Основная навигация">
<a href="./index.html#objects">Объекты</a> <a href="./index.html#objects">Объекты</a>
<a href="./index.html#services">Услуги</a> <!--<a href="./index.html#services">Услуги</a>-->
<a href="./index.html#pricing">Стоимость</a> <!--<a href="./index.html#pricing">Стоимость</a>-->
<a href="./index.html#gallery">Галерея</a> <a href="./index.html#gallery">Галерея</a>
<a href="./index.html#contacts">Контакты</a> <a href="./index.html#contacts">Контакты</a>
</nav> </nav>
@@ -649,14 +649,14 @@
<nav class="footer__nav" aria-label="Навигация в футере"> <nav class="footer__nav" aria-label="Навигация в футере">
<h4>Объекты</h4> <h4>Объекты</h4>
<a href="./index.html#objects">Объекты</a> <a href="./index.html#objects">Объекты</a>
<a href="./index.html#infrastructure">Инфраструктура</a> <!--<a href="./index.html#infrastructure">Инфраструктура</a>-->
<a href="./index.html#gallery">Галерея</a> <a href="./index.html#gallery">Галерея</a>
<a href="./index.html#facts">Цифры о комплексе</a> <!--<a href="./index.html#facts">Цифры о комплексе</a>-->
</nav> </nav>
<nav class="footer__nav" aria-label="Услуги в футере"> <nav class="footer__nav" aria-label="Услуги в футере">
<h4>Услуги</h4> <h4>Услуги</h4>
<a href="./index.html#services">Форматы аренды и мероприятий</a> <!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
<a href="./index.html#pricing">Стоимость</a> <!--<a href="./index.html#pricing">Стоимость</a>-->
<a href="./index.html#booking">Оставить заявку</a> <a href="./index.html#booking">Оставить заявку</a>
</nav> </nav>
<div class="footer__contacts"> <div class="footer__contacts">
@@ -667,12 +667,10 @@
<a>Москва, Автомобильный проезд, 4</a> <a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br> <a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers"> <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"> aria-label="Max">
<span class="footer__messenger-icon" aria-hidden="true"> <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" />
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
</span> </span>
</a> </a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -684,13 +682,13 @@
</span> </span>
</a> </a>
<a href="#" aria-label="Instagram"> <!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use> <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg> </svg>
</span> </span>
</a> </a>-->
<a href="#" aria-label="ВКонтакте"> <a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
@@ -722,7 +720,7 @@
<div class="footer__legal"> <div class="footer__legal">
<a href="./personal-data-policy.html">Политика обработки ПДн</a> <a href="./personal-data-policy.html">Политика обработки ПДн</a>
<a href="./personal-data-protection.html">Положение о защите ПДн</a> <a href="./personal-data-protection.html">Положение о защите ПДн</a>
<a href="./personal-data-order.html">Приказ № 16-К</a> <a style="display:none;" href="./personal-data-order.html">Приказ № 16-К</a>
<a href="./public-offer.html">Публичная оферта</a> <a href="./public-offer.html">Публичная оферта</a>
<span>ИНН 9709123707 · ОГРН 1257700167702</span> <span>ИНН 9709123707 · ОГРН 1257700167702</span>
</div> </div>

26
personal-data-protection.html
View File

@@ -17,8 +17,8 @@
</a> </a>
<nav class="header__nav" aria-label="Основная навигация"> <nav class="header__nav" aria-label="Основная навигация">
<a href="./index.html#objects">Объекты</a> <a href="./index.html#objects">Объекты</a>
<a href="./index.html#services">Услуги</a> <!--<a href="./index.html#services">Услуги</a>-->
<a href="./index.html#pricing">Стоимость</a> <!--<a href="./index.html#pricing">Стоимость</a>-->
<a href="./index.html#gallery">Галерея</a> <a href="./index.html#gallery">Галерея</a>
<a href="./index.html#contacts">Контакты</a> <a href="./index.html#contacts">Контакты</a>
</nav> </nav>
@@ -1165,14 +1165,14 @@
<nav class="footer__nav" aria-label="Навигация в футере"> <nav class="footer__nav" aria-label="Навигация в футере">
<h4>Объекты</h4> <h4>Объекты</h4>
<a href="./index.html#objects">Объекты</a> <a href="./index.html#objects">Объекты</a>
<a href="./index.html#infrastructure">Инфраструктура</a> <!--<a href="./index.html#infrastructure">Инфраструктура</a>-->
<a href="./index.html#gallery">Галерея</a> <a href="./index.html#gallery">Галерея</a>
<a href="./index.html#facts">Цифры о комплексе</a> <!--<a href="./index.html#facts">Цифры о комплексе</a>-->
</nav> </nav>
<nav class="footer__nav" aria-label="Услуги в футере"> <nav class="footer__nav" aria-label="Услуги в футере">
<h4>Услуги</h4> <h4>Услуги</h4>
<a href="./index.html#services">Форматы аренды и мероприятий</a> <!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
<a href="./index.html#pricing">Стоимость</a> <!--<a href="./index.html#pricing">Стоимость</a>-->
<a href="./index.html#booking">Оставить заявку</a> <a href="./index.html#booking">Оставить заявку</a>
</nav> </nav>
<div class="footer__contacts"> <div class="footer__contacts">
@@ -1183,12 +1183,10 @@
<a>Москва, Автомобильный проезд, 4</a> <a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br> <a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers"> <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"> aria-label="Max">
<span class="footer__messenger-icon" aria-hidden="true"> <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" />
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
</span> </span>
</a> </a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -1200,13 +1198,13 @@
</span> </span>
</a> </a>
<a href="#" aria-label="Instagram"> <!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use> <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg> </svg>
</span> </span>
</a> </a>-->
<a href="#" aria-label="ВКонтакте"> <a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
@@ -1238,7 +1236,7 @@
<div class="footer__legal"> <div class="footer__legal">
<a href="./personal-data-policy.html">Политика обработки ПДн</a> <a href="./personal-data-policy.html">Политика обработки ПДн</a>
<a href="./personal-data-protection.html">Положение о защите ПДн</a> <a href="./personal-data-protection.html">Положение о защите ПДн</a>
<a href="./personal-data-order.html">Приказ № 16-К</a> <a style="display:none;" href="./personal-data-order.html">Приказ № 16-К</a>
<a href="./public-offer.html">Публичная оферта</a> <a href="./public-offer.html">Публичная оферта</a>
<span>ИНН 9709123707 · ОГРН 1257700167702</span> <span>ИНН 9709123707 · ОГРН 1257700167702</span>
</div> </div>

20
public-offer.html
View File

@@ -17,8 +17,8 @@
</a> </a>
<nav class="header__nav" aria-label="Основная навигация"> <nav class="header__nav" aria-label="Основная навигация">
<a href="./index.html#objects">Объекты</a> <a href="./index.html#objects">Объекты</a>
<a href="./index.html#services">Услуги</a> <!--<a href="./index.html#services">Услуги</a>-->
<a href="./index.html#pricing">Стоимость</a> <!--<a href="./index.html#pricing">Стоимость</a>-->
<a href="./index.html#gallery">Галерея</a> <a href="./index.html#gallery">Галерея</a>
<a href="./index.html#contacts">Контакты</a> <a href="./index.html#contacts">Контакты</a>
</nav> </nav>
@@ -541,9 +541,9 @@
<nav class="footer__nav" aria-label="Навигация в футере"> <nav class="footer__nav" aria-label="Навигация в футере">
<h4>Объекты</h4> <h4>Объекты</h4>
<a href="./index.html#objects">Объекты</a> <a href="./index.html#objects">Объекты</a>
<a href="./index.html#infrastructure">Инфраструктура</a> <!--<a href="./index.html#infrastructure">Инфраструктура</a>-->
<a href="./index.html#gallery">Галерея</a> <a href="./index.html#gallery">Галерея</a>
<a href="./index.html#facts">Цифры о комплексе</a> <!--<a href="./index.html#facts">Цифры о комплексе</a>-->
</nav> </nav>
<nav class="footer__nav" aria-label="Услуги в футере"> <nav class="footer__nav" aria-label="Услуги в футере">
<h4>Услуги</h4> <h4>Услуги</h4>
@@ -559,12 +559,10 @@
<a>Москва, Автомобильный проезд, 4</a> <a>Москва, Автомобильный проезд, 4</a>
<a>Ежедневно с 06:00 до 23:00</a><br> <a>Ежедневно с 06:00 до 23:00</a><br>
<div class="footer__messengers"> <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"> aria-label="WhatsApp">
<span class="footer__messenger-icon" aria-hidden="true"> <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" />
<use href="./assets/images/svg-sprites.svg#icon-whatsapp"></use>
</svg>
</span> </span>
</a> </a>
<a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer" <a href="https://t.me/o_arena_admin" target="_blank" rel="noopener noreferrer"
@@ -576,13 +574,13 @@
</span> </span>
</a> </a>
<a href="#" aria-label="Instagram"> <!--<a href="#" aria-label="Instagram">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use> <use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
</svg> </svg>
</span> </span>
</a> </a>-->
<a href="#" aria-label="ВКонтакте"> <a href="#" aria-label="ВКонтакте">
<span class="footer__messenger-icon" aria-hidden="true"> <span class="footer__messenger-icon" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none"> <svg viewBox="0 0 24 24" fill="none">
@@ -614,7 +612,7 @@
<div class="footer__legal"> <div class="footer__legal">
<a href="./personal-data-policy.html">Политика обработки ПДн</a> <a href="./personal-data-policy.html">Политика обработки ПДн</a>
<a href="./personal-data-protection.html">Положение о защите ПДн</a> <a href="./personal-data-protection.html">Положение о защите ПДн</a>
<a href="./personal-data-order.html">Приказ № 16-К</a> <a style="display:none;" href="./personal-data-order.html">Приказ № 16-К</a>
<a href="./public-offer.html">Публичная оферта</a> <a href="./public-offer.html">Публичная оферта</a>
<span>ИНН 9709123707 · ОГРН 1257700167702</span> <span>ИНН 9709123707 · ОГРН 1257700167702</span>
</div> </div>