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

edit blocks (gendir) #33

Merged
artem merged 1 commits from style/design into main 2026-06-15 08:11:05 +00:00
Conversation 0 Commits 1 Files Changed 4 +59 -33
4 changed files with 59 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/main.css
View File

@@ -194,7 +194,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 +224,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 +238,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 {
@@ -277,7 +281,8 @@ img {
} }
.hero h1 { .hero h1 {
max-width: 1000px; max-width: 1000px;
margin-bottom: 24px; /*margin-bottom: 24px;*/
margin-bottom: 45px;
font-size: 72px; font-size: 72px;
font-weight: 700; font-weight: 700;
line-height: 90px; line-height: 90px;
@@ -1606,7 +1611,7 @@ img {
} }
@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;
@@ -1810,6 +1815,7 @@ img {
} }
.hero__tags li { .hero__tags li {
white-space: normal; white-space: normal;
padding: 14px 20px;
} }
.hero__actions .btn--ghost { .hero__actions .btn--ghost {
width: 100%; width: 100%;
@@ -1915,18 +1921,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: 24px;
margin-top: 20px;
margin-bottom: 40px;
} }
.hero__actions { .hero__actions {
gap: 12px; gap: 12px;

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

File diff suppressed because one or more lines are too long

34
assets/scss/_base.scss
View File

@@ -142,7 +142,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 +176,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 +191,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 {
@@ -242,7 +246,8 @@ img {
h1 { h1 {
max-width: 1000px; max-width: 1000px;
margin-bottom: 24px; /*margin-bottom: 24px;*/
margin-bottom:45px;
font-size: 72px; font-size: 72px;
font-weight: 700; font-weight: 700;
line-height: 90px; line-height: 90px;
@@ -1751,7 +1756,7 @@ img {
@include respond($bp-xl) { @include respond($bp-xl) {
.container { .container {
padding: 0 20px; /*padding: 0 20px;*/
} }
.header { .header {
@@ -2045,6 +2050,7 @@ img {
&__tags { &__tags {
li { li {
white-space: normal; white-space: normal;
padding: 14px 20px;
} }
} }
@@ -2198,14 +2204,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 +2222,10 @@ img {
padding-top: 100px; padding-top: 100px;
h1 { h1 {
font-size: 34px; /*font-size: 34px;*/
font-size:24px;
margin-top:20px;
margin-bottom:40px;
} }
&__actions { &__actions {

22
index.html
View File

@@ -28,22 +28,24 @@
<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>Многофункциональный ледовый комплекс</h1>
<!--<p>
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
апарт-отель на 70+ номеров. В пределах ТТК. апарт-отель на 70+ номеров. В пределах ТТК.
</p> </p>-->
<ul class="hero__tags"> <ul class="hero__tags">
<li>2 ледовых поля 58×26 м</li> <li>2 ледовых поля 58×26 м</li>
<li>Универсальный зал, фитнес центр, и зал хореографии</li> <li>Универсальный зал, фитнес центр, и зал хореографии</li>
<li>Проживание и питание на территории</li> <li>Проживание и питание на территории</li>
<li>Собственный паркинг</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="#booking">Узнать расписание</a> <a style="display:none;" class="btn btn--ghost" href="#booking">Узнать расписание</a>
</div> </div>
</div> </div>
</section> </section>
@@ -71,7 +73,7 @@
<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>
@@ -141,7 +143,7 @@
</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 +190,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 +220,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>