Compare commits
6 Commits
44965d6763
...
style/desi
| Author | SHA1 | Date | |
|---|---|---|---|
| f6996620bc | |||
| 942bbe4597 | |||
| 91126bc813 | |||
| d48e75c71c | |||
| fceb73e161 | |||
| 1fae105dd5 |
@@ -62,6 +62,10 @@ table {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background: #121212;
|
||||
@@ -258,8 +262,10 @@ img {
|
||||
.hero__content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: 1000px;
|
||||
margin-left: 528px;
|
||||
/*max-width: 1000px;*/
|
||||
max-width: 1200px;
|
||||
/*margin-left: 528px;*/
|
||||
margin-left: auto;
|
||||
padding-top: 104px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
@@ -282,10 +288,11 @@ img {
|
||||
.hero h1 {
|
||||
max-width: 1000px;
|
||||
/*margin-bottom: 24px;*/
|
||||
margin-bottom: 45px;
|
||||
font-size: 72px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 82px;
|
||||
font-weight: 700;
|
||||
line-height: 90px;
|
||||
text-shadow: 0 15px 30px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.hero h1 span {
|
||||
color: #cf1717;
|
||||
@@ -304,10 +311,10 @@ img {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.hero__tags li {
|
||||
padding: 20px 20px;
|
||||
padding: 16px 20px;
|
||||
border: 1px solid rgba(207, 23, 23, 0.3);
|
||||
/*background: rgba(41, 49, 51, 0.6);*/
|
||||
font-size: 14px;
|
||||
@@ -315,16 +322,23 @@ img {
|
||||
line-height: 20px;
|
||||
white-space: nowrap;
|
||||
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);
|
||||
-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;
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
}
|
||||
.hero__tags li:hover {
|
||||
transform: translateY(-1px);
|
||||
border-color: rgba(207, 23, 23, 0.55);
|
||||
background: rgba(41, 49, 51, 0.9);
|
||||
/*border-color: rgba(207, 23, 23, 0.55);*/
|
||||
/*background: rgba(41, 49, 51, 0.9);*/
|
||||
}
|
||||
.hero__tags li img {
|
||||
width: 100px;
|
||||
margin: 0 auto 5px;
|
||||
}
|
||||
.hero__actions {
|
||||
display: flex;
|
||||
@@ -342,7 +356,7 @@ img {
|
||||
}
|
||||
.highlights__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 24px;
|
||||
}
|
||||
|
||||
@@ -362,7 +376,7 @@ img {
|
||||
}
|
||||
.info-card h3 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 20px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
}
|
||||
@@ -484,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;
|
||||
@@ -573,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);
|
||||
@@ -1605,7 +1621,7 @@ img {
|
||||
margin-left: auto;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 64px;
|
||||
font-size: 80px;
|
||||
line-height: 1.15;
|
||||
}
|
||||
}
|
||||
@@ -1618,7 +1634,8 @@ img {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.hero__content {
|
||||
margin-left: 280px;
|
||||
/*margin-left: 280px;*/
|
||||
margin-left: auto;
|
||||
max-width: 700px;
|
||||
}
|
||||
.hero h1 {
|
||||
@@ -1796,7 +1813,7 @@ img {
|
||||
padding: 0 16px;
|
||||
}
|
||||
.btn {
|
||||
width: 100%;
|
||||
width: 97%;
|
||||
}
|
||||
.btn--small {
|
||||
width: auto;
|
||||
@@ -1810,12 +1827,18 @@ img {
|
||||
}
|
||||
.hero p {
|
||||
max-width: 100%;
|
||||
font-weight: 200;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.hero__tags li {
|
||||
white-space: normal;
|
||||
padding: 14px 20px;
|
||||
width: 47%;
|
||||
font-size: 12px;
|
||||
}
|
||||
.hero__tags li img {
|
||||
width: 73px;
|
||||
}
|
||||
.hero__actions .btn--ghost {
|
||||
width: 100%;
|
||||
@@ -1936,9 +1959,9 @@ img {
|
||||
}
|
||||
.hero h1 {
|
||||
/*font-size: 34px;*/
|
||||
font-size: 24px;
|
||||
font-size: 32px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.hero__actions {
|
||||
gap: 12px;
|
||||
@@ -1958,6 +1981,7 @@ img {
|
||||
.hours-card,
|
||||
.object-card__content {
|
||||
padding: 24px;
|
||||
min-height: 230px;
|
||||
}
|
||||
.feature-card {
|
||||
padding: 34px 24px;
|
||||
|
||||
2
assets/css/main.min.css
vendored
2
assets/css/main.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 357 KiB After Width: | Height: | Size: 358 KiB |
BIN
assets/images/icon_max.png
Normal file
BIN
assets/images/icon_max.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
assets/images/olimp_icon1.png
Normal file
BIN
assets/images/olimp_icon1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
BIN
assets/images/olimp_icon2.png
Normal file
BIN
assets/images/olimp_icon2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
assets/images/olimp_icon3.png
Normal file
BIN
assets/images/olimp_icon3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
assets/images/olimp_icon4.png
Normal file
BIN
assets/images/olimp_icon4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
assets/images/renders/arena_brosok.jpg
Normal file
BIN
assets/images/renders/arena_brosok.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
BIN
assets/images/renders/arena_horeo.jpg
Normal file
BIN
assets/images/renders/arena_horeo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
BIN
assets/images/renders/arena_horeo_new.jpg
Normal file
BIN
assets/images/renders/arena_horeo_new.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
BIN
assets/images/renders/arena_hotel2.jpg
Normal file
BIN
assets/images/renders/arena_hotel2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
BIN
assets/images/renders/arena_parking2.jpg
Normal file
BIN
assets/images/renders/arena_parking2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
@@ -5,6 +5,8 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html{scroll-behavior: smooth;}
|
||||
|
||||
html,
|
||||
body {
|
||||
background: $color-bg;
|
||||
@@ -217,8 +219,10 @@ img {
|
||||
&__content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
max-width: 1000px;
|
||||
margin-left: 528px;
|
||||
/*max-width: 1000px;*/
|
||||
max-width: 1200px;
|
||||
/*margin-left: 528px;*/
|
||||
margin-left:auto;
|
||||
padding-top: 104px;
|
||||
padding-bottom: 100px;
|
||||
|
||||
@@ -247,10 +251,11 @@ img {
|
||||
h1 {
|
||||
max-width: 1000px;
|
||||
/*margin-bottom: 24px;*/
|
||||
margin-bottom:45px;
|
||||
font-size: 72px;
|
||||
margin-bottom:30px;
|
||||
font-size: 82px;
|
||||
font-weight: 700;
|
||||
line-height: 90px;
|
||||
text-shadow: 0 15px 30px rgb(255 255 255 / 10%);
|
||||
|
||||
span {
|
||||
color: $color-accent;
|
||||
@@ -272,10 +277,10 @@ img {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 25px;
|
||||
|
||||
li {
|
||||
padding: 20px 20px;
|
||||
padding: 16px 20px;
|
||||
border: 1px solid $color-border-strong;
|
||||
/*background: rgba(41, 49, 51, 0.6);*/
|
||||
font-size: 14px;
|
||||
@@ -284,17 +289,25 @@ img {
|
||||
white-space: nowrap;
|
||||
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);
|
||||
-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;
|
||||
width:240px;
|
||||
text-align:center;
|
||||
white-space: normal;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
border-color: rgba(207, 23, 23, 0.55);
|
||||
background: rgba(41, 49, 51, 0.9);
|
||||
/*border-color: rgba(207, 23, 23, 0.55);*/
|
||||
/*background: rgba(41, 49, 51, 0.9);*/
|
||||
}
|
||||
|
||||
img{
|
||||
width:100px;
|
||||
margin: 0 auto 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -316,7 +329,7 @@ img {
|
||||
|
||||
&__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 24px;
|
||||
}
|
||||
}
|
||||
@@ -335,7 +348,7 @@ img {
|
||||
|
||||
h3 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 20px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
}
|
||||
@@ -473,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;
|
||||
}
|
||||
@@ -574,6 +588,7 @@ img {
|
||||
&:hover {
|
||||
.object-card__image {
|
||||
transform: scale(1.02);
|
||||
filter: brightness(1.5);
|
||||
}
|
||||
|
||||
.object-card__content {
|
||||
@@ -1748,7 +1763,7 @@ img {
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 64px;
|
||||
font-size: 80px;
|
||||
line-height: 1.15;
|
||||
}
|
||||
}
|
||||
@@ -1768,7 +1783,8 @@ img {
|
||||
|
||||
.hero {
|
||||
&__content {
|
||||
margin-left: 280px;
|
||||
/*margin-left: 280px;*/
|
||||
margin-left: auto;
|
||||
max-width: 700px;
|
||||
}
|
||||
|
||||
@@ -2026,7 +2042,7 @@ img {
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 100%;
|
||||
width: 97%;
|
||||
|
||||
&--small {
|
||||
width: auto;
|
||||
@@ -2043,6 +2059,7 @@ img {
|
||||
|
||||
p {
|
||||
max-width: 100%;
|
||||
font-weight:200;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@@ -2051,6 +2068,12 @@ img {
|
||||
li {
|
||||
white-space: normal;
|
||||
padding: 14px 20px;
|
||||
width: 47%;
|
||||
font-size: 12px;
|
||||
|
||||
img{
|
||||
width: 73px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2223,9 +2246,9 @@ img {
|
||||
|
||||
h1 {
|
||||
/*font-size: 34px;*/
|
||||
font-size:24px;
|
||||
font-size:32px;
|
||||
margin-top:20px;
|
||||
margin-bottom:40px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
&__actions {
|
||||
@@ -2253,6 +2276,7 @@ img {
|
||||
.hours-card,
|
||||
.object-card__content {
|
||||
padding: 24px;
|
||||
min-height:230px;
|
||||
}
|
||||
|
||||
.feature-card{
|
||||
|
||||
173
index.html
173
index.html
@@ -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>
|
||||
@@ -32,16 +32,17 @@
|
||||
Спорткомплекс полного цикла в <span>Москве:</span><br>
|
||||
лёд, залы, проживание и питание на одной территории
|
||||
</h1>-->
|
||||
<h1>Многофункциональный ледовый комплекс</h1>
|
||||
<h1>Ледовый<br> спорткомплекс</h1>
|
||||
<!--<p>
|
||||
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
|
||||
апарт-отель на 70+ номеров. В пределах ТТК.
|
||||
</p>-->
|
||||
<p>Олимп Арена — не просто арена, а спортивная база полного цикла в центре Москвы. Профессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
|
||||
<ul class="hero__tags">
|
||||
<li>2 ледовых поля 58×26 м</li>
|
||||
<li>Универсальный зал, фитнес центр, и зал хореографии</li>
|
||||
<li>Проживание и питание на территории</li>
|
||||
<li>Собственный паркинг</li>
|
||||
<li><img src="assets/images/olimp_icon1.png" /> 2 ледовых поля 58×26 м</li>
|
||||
<li><img src="assets/images/olimp_icon2.png" />Универсальный зал, фитнес центр, и зал хореографии</li>
|
||||
<li><img src="assets/images/olimp_icon3.png" />Проживание и питание на территории</li>
|
||||
<li><img src="assets/images/olimp_icon4.png" />Собственный паркинг</li>
|
||||
</ul>
|
||||
<div class="hero__actions">
|
||||
<a style="padding-left: 75px; padding-right: 75px;" class="btn" href="#booking">Оставить заявку</a>
|
||||
@@ -69,16 +70,20 @@
|
||||
<p>Стандартные размеры площадок, профессиональное оборудование, опыт проведения турниров.</p>
|
||||
</article>-->
|
||||
<article class="info-card">
|
||||
<h3>Арена премиум-класса</h3>
|
||||
<p>Два ледовых поля, профессиональные залы и зоны отдыха — премиальный уровень чувствуется в каждой детали. Пространство, где созданы лучшие условия для ваших побед.</p>
|
||||
<h3>ПРЕМИУМ УРОВЕНЬ</h3>
|
||||
<p>Олимп Арена – это лёд высокого качества, универсальный зал по международным стандартам, бросковая зона, функциональные и просторные раздевалки, судейские и тренерские, тренажеры и оборудование премиум-уровня, строгий и дорогой интерьер, собственный паркинг – продумана каждая деталь для Вашего комфорта и достижения целей.</p>
|
||||
</article>
|
||||
<article class="info-card">
|
||||
<h3>Удобная логистика</h3>
|
||||
<p>В пределах ТТК, 10 минут пешком от метро «Волгоградский проспект». Удобный заезд и собственная парковка для гостей.</p>
|
||||
<h3>МНОГОФУНКЦИОНАЛЬНОСТЬ</h3>
|
||||
<p>Олимп Арена – пространство, объединяющее инфраструктуру для спорта высших достижений, командного и индивидуального спорта: хоккей, фигурное катание, футзал, волейбол, баскетбол, зал единоборств и тренажерный зал. Гибкая и функциональная инфраструктура подходит для проведения корпоративных и развлекательных мероприятий.</p>
|
||||
</article>
|
||||
<article class="info-card">
|
||||
<h3>Соревнования. Сборы. Тренировочный процесс</h3>
|
||||
<p>Раздевалки, судейские и тренерские помещения, медицинский кабинет, ресторан и апарт-отель — всё в одном комплексе. Профессиональная инфраструктура для проведения мероприятий любого масштаба.</p>
|
||||
<h3>ВСЕ ВКЛЮЧЕНО</h3>
|
||||
<p>Олимп Арена – это непросто спортивный объект, это спортивная база в центре Москвы, которая подходит для проведения учебно-тренировочных занятий, спортивных сборов, соревнований и турниров. Лед, спортивные залы, апарт-отель – все одном месте.</p>
|
||||
</article>
|
||||
<article class="info-card">
|
||||
<h3>ЛОКАЦИЯ </h3>
|
||||
<p>Олимп Арена – это идеальное место для спорта с превосходной транспортной доступностью. Арена удобно расположена относительно станции метро, МЦК, Третьего и Садового кольца.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
@@ -94,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__content">
|
||||
<h3>Два ледовых поля</h3>
|
||||
<p>Стандарт 58×26 м. Тренировки, сборы, соревнования</p>
|
||||
<p>Стандарт 58×26 м. Тренировки, сборы, соревнования.</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/basket.jpg');"></div>
|
||||
<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_brosok.jpg');"></div>
|
||||
<div class="object-card__content">
|
||||
<h3>Универсальный зал</h3>
|
||||
<p>Зал для игровых видов спорта, паркетное покрытие</p>
|
||||
<h3>Бросковая зона</h3>
|
||||
<p>4 бросковых дорожки со специализированным покрытием.</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/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__content">
|
||||
<h3>Фитнес-центр</h3>
|
||||
<p>Кардио, силовая и функциональная зоны. Premium-оборудование</p>
|
||||
<p>Кардио, силовая и функциональная зоны. Премиум-оборудование.</p>
|
||||
<a class="btn btn--small" href="#booking">Подробнее</a>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="object-card object-card--reverse" style="display:none;">
|
||||
<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>
|
||||
<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/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>
|
||||
|
||||
<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">
|
||||
<h3>Апарт-отель</h3>
|
||||
<p>70+ номеров для команд и гостей. Прямо на территории</p>
|
||||
<p>70+ номеров для команд и гостей. Прямо на территории.</p>
|
||||
<a class="btn btn--small" href="#booking">Подробнее</a>
|
||||
</div>
|
||||
</article>
|
||||
@@ -139,16 +153,16 @@
|
||||
<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>
|
||||
|
||||
<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">
|
||||
<h3>Парковка и подъезд</h3>
|
||||
<p>Своя парковка для гостей и автобусов команд</p>
|
||||
<h3>Парковка</h3>
|
||||
<p>Своя парковка для гостей и автобусов команд.</p>
|
||||
<a class="btn btn--small" href="#booking">Подробнее</a>
|
||||
</div>
|
||||
</article>
|
||||
@@ -262,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>
|
||||
@@ -286,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>
|
||||
@@ -381,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">
|
||||
@@ -400,12 +414,37 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section booking" id="booking">
|
||||
<section class="section booking2" id="booking">
|
||||
<div class="container booking__wrap">
|
||||
<div class="booking__form">
|
||||
<h2>Оставьте заявку — подберём площадку и время</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;">Оставьте заявку — подберём площадку и время</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">
|
||||
<label for="booking-name">Имя <span class="required-mark">*</span></label>
|
||||
<input id="booking-name" type="text" name="name" autocomplete="name" placeholder="Введите имя" required>
|
||||
@@ -500,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">
|
||||
@@ -522,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">
|
||||
@@ -551,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="Построить маршрут">
|
||||
@@ -588,26 +625,28 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="footer">
|
||||
<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">
|
||||
@@ -618,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">
|
||||
@@ -633,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">
|
||||
@@ -684,7 +721,19 @@
|
||||
<!-- Всплывающее окно бронирования -->
|
||||
<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__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>
|
||||
|
||||
<h2 class="modal__title">Забронировать время</h2>
|
||||
@@ -839,6 +888,10 @@
|
||||
text-transform: uppercase;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.btrx_form .b24-form-wrapper.b24-form-border-bottom{border-radius:14px;}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -17,8 +17,8 @@
|
||||
</a>
|
||||
<nav class="header__nav" aria-label="Основная навигация">
|
||||
<a href="./index.html#objects">Объекты</a>
|
||||
<a href="./index.html#services">Услуги</a>
|
||||
<a href="./index.html#pricing">Стоимость</a>
|
||||
<!--<a href="./index.html#services">Услуги</a>-->
|
||||
<!--<a href="./index.html#pricing">Стоимость</a>-->
|
||||
<a href="./index.html#gallery">Галерея</a>
|
||||
<a href="./index.html#contacts">Контакты</a>
|
||||
</nav>
|
||||
@@ -78,12 +78,12 @@
|
||||
<a href="./index.html#objects">Объекты</a>
|
||||
<a href="./index.html#infrastructure">Инфраструктура</a>
|
||||
<a href="./index.html#gallery">Галерея</a>
|
||||
<a href="./index.html#facts">Цифры о комплексе</a>
|
||||
<!--<a href="./index.html#facts">Цифры о комплексе</a>-->
|
||||
</nav>
|
||||
<nav class="footer__nav" aria-label="Услуги в футере">
|
||||
<h4>Услуги</h4>
|
||||
<a href="./index.html#services">Форматы аренды и мероприятий</a>
|
||||
<a href="./index.html#pricing">Стоимость</a>
|
||||
<!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
|
||||
<!--<a href="./index.html#pricing">Стоимость</a>-->
|
||||
<a href="./index.html#booking">Оставить заявку</a>
|
||||
</nav>
|
||||
<div class="footer__contacts">
|
||||
@@ -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">
|
||||
|
||||
@@ -17,8 +17,8 @@
|
||||
</a>
|
||||
<nav class="header__nav" aria-label="Основная навигация">
|
||||
<a href="./index.html#objects">Объекты</a>
|
||||
<a href="./index.html#services">Услуги</a>
|
||||
<a href="./index.html#pricing">Стоимость</a>
|
||||
<!--<a href="./index.html#services">Услуги</a>-->
|
||||
<!--<a href="./index.html#pricing">Стоимость</a>-->
|
||||
<a href="./index.html#gallery">Галерея</a>
|
||||
<a href="./index.html#contacts">Контакты</a>
|
||||
</nav>
|
||||
@@ -649,14 +649,14 @@
|
||||
<nav class="footer__nav" aria-label="Навигация в футере">
|
||||
<h4>Объекты</h4>
|
||||
<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#facts">Цифры о комплексе</a>
|
||||
<!--<a href="./index.html#facts">Цифры о комплексе</a>-->
|
||||
</nav>
|
||||
<nav class="footer__nav" aria-label="Услуги в футере">
|
||||
<h4>Услуги</h4>
|
||||
<a href="./index.html#services">Форматы аренды и мероприятий</a>
|
||||
<a href="./index.html#pricing">Стоимость</a>
|
||||
<!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
|
||||
<!--<a href="./index.html#pricing">Стоимость</a>-->
|
||||
<a href="./index.html#booking">Оставить заявку</a>
|
||||
</nav>
|
||||
<div class="footer__contacts">
|
||||
@@ -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">
|
||||
|
||||
@@ -17,8 +17,8 @@
|
||||
</a>
|
||||
<nav class="header__nav" aria-label="Основная навигация">
|
||||
<a href="./index.html#objects">Объекты</a>
|
||||
<a href="./index.html#services">Услуги</a>
|
||||
<a href="./index.html#pricing">Стоимость</a>
|
||||
<!--<a href="./index.html#services">Услуги</a>-->
|
||||
<!--<a href="./index.html#pricing">Стоимость</a>-->
|
||||
<a href="./index.html#gallery">Галерея</a>
|
||||
<a href="./index.html#contacts">Контакты</a>
|
||||
</nav>
|
||||
@@ -1165,14 +1165,14 @@
|
||||
<nav class="footer__nav" aria-label="Навигация в футере">
|
||||
<h4>Объекты</h4>
|
||||
<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#facts">Цифры о комплексе</a>
|
||||
<!--<a href="./index.html#facts">Цифры о комплексе</a>-->
|
||||
</nav>
|
||||
<nav class="footer__nav" aria-label="Услуги в футере">
|
||||
<h4>Услуги</h4>
|
||||
<a href="./index.html#services">Форматы аренды и мероприятий</a>
|
||||
<a href="./index.html#pricing">Стоимость</a>
|
||||
<!--<a href="./index.html#services">Форматы аренды и мероприятий</a>-->
|
||||
<!--<a href="./index.html#pricing">Стоимость</a>-->
|
||||
<a href="./index.html#booking">Оставить заявку</a>
|
||||
</nav>
|
||||
<div class="footer__contacts">
|
||||
@@ -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">
|
||||
|
||||
@@ -17,8 +17,8 @@
|
||||
</a>
|
||||
<nav class="header__nav" aria-label="Основная навигация">
|
||||
<a href="./index.html#objects">Объекты</a>
|
||||
<a href="./index.html#services">Услуги</a>
|
||||
<a href="./index.html#pricing">Стоимость</a>
|
||||
<!--<a href="./index.html#services">Услуги</a>-->
|
||||
<!--<a href="./index.html#pricing">Стоимость</a>-->
|
||||
<a href="./index.html#gallery">Галерея</a>
|
||||
<a href="./index.html#contacts">Контакты</a>
|
||||
</nav>
|
||||
@@ -541,9 +541,9 @@
|
||||
<nav class="footer__nav" aria-label="Навигация в футере">
|
||||
<h4>Объекты</h4>
|
||||
<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#facts">Цифры о комплексе</a>
|
||||
<!--<a href="./index.html#facts">Цифры о комплексе</a>-->
|
||||
</nav>
|
||||
<nav class="footer__nav" aria-label="Услуги в футере">
|
||||
<h4>Услуги</h4>
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user