Compare commits
2 Commits
5ae5717948
...
dd2e0aef9d
| Author | SHA1 | Date | |
|---|---|---|---|
| dd2e0aef9d | |||
| 4450690d89 |
@@ -194,7 +194,7 @@ img {
|
||||
position: fixed;
|
||||
inset: 0 0 auto;
|
||||
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);
|
||||
animation: slide-down 0.65s ease both;
|
||||
}
|
||||
@@ -224,8 +224,11 @@ img {
|
||||
|
||||
.logo {
|
||||
display: inline-flex;
|
||||
width: 137px;
|
||||
height: 30px;
|
||||
/*width: 137px;*/
|
||||
/*height: 30px;*/
|
||||
width: 172px;
|
||||
height: auto;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.logo img {
|
||||
width: 100%;
|
||||
@@ -235,7 +238,8 @@ img {
|
||||
|
||||
.hero {
|
||||
position: relative;
|
||||
min-height: 852px;
|
||||
/*min-height: 852px;*/
|
||||
min-height: 750px;
|
||||
padding-top: 72px;
|
||||
}
|
||||
.hero__bg {
|
||||
@@ -277,7 +281,8 @@ img {
|
||||
}
|
||||
.hero h1 {
|
||||
max-width: 1000px;
|
||||
margin-bottom: 24px;
|
||||
/*margin-bottom: 24px;*/
|
||||
margin-bottom: 45px;
|
||||
font-size: 72px;
|
||||
font-weight: 700;
|
||||
line-height: 90px;
|
||||
@@ -1606,7 +1611,7 @@ img {
|
||||
}
|
||||
@media only screen and (max-width: 1280px) {
|
||||
.container {
|
||||
padding: 0 20px;
|
||||
/*padding: 0 20px;*/
|
||||
}
|
||||
.header__nav {
|
||||
gap: 20px;
|
||||
@@ -1810,6 +1815,7 @@ img {
|
||||
}
|
||||
.hero__tags li {
|
||||
white-space: normal;
|
||||
padding: 14px 20px;
|
||||
}
|
||||
.hero__actions .btn--ghost {
|
||||
width: 100%;
|
||||
@@ -1915,18 +1921,24 @@ img {
|
||||
gap: 12px;
|
||||
}
|
||||
.logo {
|
||||
width: 110px;
|
||||
height: 24px;
|
||||
/*width: 110px;*/
|
||||
/*height: 24px;*/
|
||||
height: auto;
|
||||
width: 150px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.btn--small {
|
||||
padding: 10px 16px;
|
||||
font-size: 13px;
|
||||
padding: 6px 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.hero {
|
||||
padding-top: 100px;
|
||||
}
|
||||
.hero h1 {
|
||||
font-size: 34px;
|
||||
/*font-size: 34px;*/
|
||||
font-size: 24px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.hero__actions {
|
||||
gap: 12px;
|
||||
|
||||
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
@@ -142,7 +142,7 @@ img {
|
||||
position: fixed;
|
||||
inset: 0 0 auto;
|
||||
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);
|
||||
animation: slide-down 0.65s ease both;
|
||||
|
||||
@@ -176,8 +176,11 @@ img {
|
||||
|
||||
.logo {
|
||||
display: inline-flex;
|
||||
width: 137px;
|
||||
height: 30px;
|
||||
/*width: 137px;*/
|
||||
/*height: 30px;*/
|
||||
width:172px;
|
||||
height:auto;
|
||||
margin-top:5px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
@@ -188,7 +191,8 @@ img {
|
||||
|
||||
.hero {
|
||||
position: relative;
|
||||
min-height: 852px;
|
||||
/*min-height: 852px;*/
|
||||
min-height:750px;
|
||||
padding-top: 72px;
|
||||
|
||||
&__bg {
|
||||
@@ -242,7 +246,8 @@ img {
|
||||
|
||||
h1 {
|
||||
max-width: 1000px;
|
||||
margin-bottom: 24px;
|
||||
/*margin-bottom: 24px;*/
|
||||
margin-bottom:45px;
|
||||
font-size: 72px;
|
||||
font-weight: 700;
|
||||
line-height: 90px;
|
||||
@@ -1751,7 +1756,7 @@ img {
|
||||
|
||||
@include respond($bp-xl) {
|
||||
.container {
|
||||
padding: 0 20px;
|
||||
/*padding: 0 20px;*/
|
||||
}
|
||||
|
||||
.header {
|
||||
@@ -2045,6 +2050,7 @@ img {
|
||||
&__tags {
|
||||
li {
|
||||
white-space: normal;
|
||||
padding: 14px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2198,14 +2204,17 @@ img {
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 110px;
|
||||
height: 24px;
|
||||
/*width: 110px;*/
|
||||
/*height: 24px;*/
|
||||
height: auto;
|
||||
width:150px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
&--small {
|
||||
padding: 10px 16px;
|
||||
font-size: 13px;
|
||||
padding: 6px 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2213,7 +2222,10 @@ img {
|
||||
padding-top: 100px;
|
||||
|
||||
h1 {
|
||||
font-size: 34px;
|
||||
/*font-size: 34px;*/
|
||||
font-size:24px;
|
||||
margin-top:20px;
|
||||
margin-bottom:40px;
|
||||
}
|
||||
|
||||
&__actions {
|
||||
|
||||
22
index.html
22
index.html
@@ -28,22 +28,24 @@
|
||||
<section class="hero">
|
||||
<div class="hero__bg" aria-hidden="true"></div>
|
||||
<div class="container hero__content">
|
||||
<h1>
|
||||
<!--<h1>
|
||||
Спорткомплекс полного цикла в <span>Москве:</span><br>
|
||||
лёд, залы, проживание и питание на одной территории
|
||||
</h1>
|
||||
<p>
|
||||
</h1>-->
|
||||
<h1>Многофункциональный ледовый комплекс</h1>
|
||||
<!--<p>
|
||||
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
|
||||
апарт-отель на 70+ номеров. В пределах ТТК.
|
||||
</p>
|
||||
</p>-->
|
||||
<ul class="hero__tags">
|
||||
<li>2 ледовых поля 58×26 м</li>
|
||||
<li>Универсальный зал, фитнес центр, и зал хореографии</li>
|
||||
<li>Проживание и питание на территории</li>
|
||||
<li>Собственный паркинг</li>
|
||||
</ul>
|
||||
<div class="hero__actions">
|
||||
<a class="btn" href="#booking">Забронировать площадку</a>
|
||||
<a class="btn btn--ghost" href="#booking">Узнать расписание</a>
|
||||
<a style="padding-left: 75px; padding-right: 75px;" class="btn" href="#booking">Оставить заявку</a>
|
||||
<a style="display:none;" class="btn btn--ghost" href="#booking">Узнать расписание</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -71,7 +73,7 @@
|
||||
|
||||
<section class="section section--pattern objects" id="objects">
|
||||
<div class="container">
|
||||
<header class="section__head">
|
||||
<header class="section__head" style="display:none;">
|
||||
<h2>Наши объекты</h2>
|
||||
<p>Профессиональная инфраструктура для ваших целей</p>
|
||||
</header>
|
||||
@@ -141,7 +143,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section infrastructure" id="infrastructure">
|
||||
<section class="section infrastructure" id="infrastructure" style="display:none;">
|
||||
<div class="container">
|
||||
<header class="section__head">
|
||||
<h2>Инфраструктура</h2>
|
||||
@@ -188,7 +190,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section services" id="services">
|
||||
<section class="section services" id="services" style="display:none;">
|
||||
<div class="container">
|
||||
<header class="section__head">
|
||||
<h2>Услуги</h2>
|
||||
@@ -218,7 +220,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section pricing" id="pricing">
|
||||
<section class="section pricing" id="pricing" style="display:none;">
|
||||
<div class="container">
|
||||
<header class="section__head">
|
||||
<h2>Стоимость</h2>
|
||||
|
||||
Reference in New Issue
Block a user