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

Compare commits

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

3 Commits
d426e3cb3e ... style/phot

Author SHA1 Message Date
Artem
3dd98c874e style: add styles and photos 2026-06-03 15:01:22 +03:00
artem
bd4f74acde Merge pull request 'style: update base scss styles' (#17) from style/all into main
All checks were successful
Deploy Olimparena / deploy (push) Successful in 17s
Details 
Reviewed-on: #17
 2026-06-02 15:07:29 +00:00
Artem
382afe7694 style: update base scss styles 2026-06-02 18:04:42 +03:00
16 changed files with 56 additions and 20 deletions
Expand all files Collapse all files

19
assets/css/main.css
View File

@@ -383,7 +383,7 @@ img {
}
.section__head p {
color: rgba(255, 255, 255, 0.8);
font-size: 28px;
font-size: 20px;
line-height: 1.15;
}
@@ -616,7 +616,7 @@ img {
justify-content: center;
padding: 16px 18px;
text-align: center;
background: rgba(7, 10, 12, 0.84);
background: rgb(7, 10, 12);
opacity: 0;
transform: translateY(10px);
color: rgba(255, 255, 255, 0.7);
@@ -690,6 +690,19 @@ img {
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 600px) {
.pricing-item {
padding: 16px;
min-height: auto;
}
.pricing-item h3 {
font-size: 16px;
}
.pricing-item p {
font-size: 16px;
color: #dfdfdf;
}
}
.gallery {
background: linear-gradient(90deg, #293133, #20272a);
@@ -1036,7 +1049,7 @@ img {
.contacts-card__item-content a {
color: rgba(255, 255, 255, 0.9);
font-size: 16px;
line-height: 1.4;
line-height: 1.8;
text-decoration: underline;
text-underline-offset: 2px;
}

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

File diff suppressed because one or more lines are too long

BIN
assets/images/renders/no_photo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 112 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 113 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 141 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 202 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 150 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 197 KiB

22
assets/scss/_base.scss
View File

@@ -363,7 +363,7 @@ img {
p {
color: $color-text-soft;
font-size: 28px;
font-size: 20px;
line-height: 1.15;
}
}
@@ -625,7 +625,7 @@ img {
justify-content: center;
padding: 16px 18px;
text-align: center;
background: rgba(7, 10, 12, 0.84);
background: rgba(7, 10, 12, 1);
opacity: 0;
transform: translateY(10px);
color: $color-text-muted;
@@ -707,6 +707,22 @@ img {
font-weight: 700;
line-height: 1.2;
}
// Медиа-запрос для экранов меньше 600px
@media (max-width: 600px) {
padding: 16px; // Пример: уменьшаем внутренние отступы
min-height: auto; // Пример: убираем фиксированную минимальную высоту
h3 {
font-size: 16px; // Пример: уменьшаем размер заголовка
}
p {
font-size: 16px; // Пример: уменьшаем размер цены
color:#dfdfdf;
}
}
}
}
@@ -1088,7 +1104,7 @@ img {
a {
color: rgba(255, 255, 255, 0.9);
font-size: 16px;
line-height: 1.4;
line-height: 1.8;
text-decoration: underline;
text-underline-offset: 2px;
}

33
index.html
View File

@@ -33,7 +33,7 @@
лёд, залы, проживание и питание на одной территории
</h1>
<p>
Два ледовых поля 56×26 м, универсальный зал, фитнес-центр и
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
апарт-отель на 70+ номеров. В пределах ТТК.
</p>
<ul class="hero__tags">
@@ -95,7 +95,7 @@
</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/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.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">
<h3>Фитнес-центр</h3>
<p>Кардио, силовая и функциональная зоны. Premium-оборудование.</p>
@@ -103,7 +103,7 @@
</div>
</article>
<article class="object-card object-card--reverse">
<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>
<div class="object-card__content">
<h3>Зал хореографии</h3>
@@ -113,7 +113,7 @@
</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/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.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/no_photo.png');"></div>
<div class="object-card__content">
<h3>Апарт-отель</h3>
<p>70+ номеров для команд и гостей. Прямо на территории.</p>
@@ -122,7 +122,7 @@
</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/other/IMG_4521-min.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">
<h3>Ресторан</h3>
<p>Сбалансированное спортивное питание. Меню для команд.</p>
@@ -131,7 +131,7 @@
</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/other/8540eec74dd51616e6b30215183b38ad1-870x580.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/no_photo.png');"></div>
<div class="object-card__content">
<h3>Парковка и подъезд</h3>
<p>Своя парковка для гостей и автобусов команд.</p>
@@ -229,7 +229,7 @@
<p>от 25.000₽/час</p>
</article>
<article class="pricing-item">
<h3>Аренда универсального зала</h3>
<h3>Универсальный зал</h3>
<p>от 7.000₽/час</p>
</article>
<article class="pricing-item">
@@ -254,9 +254,16 @@
<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/IMG_4521-min.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/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.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>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest4.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest5.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_sport1.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_sport2.jpg');"></div>
<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_sport3.jpg');"></div>
</div>
</div>
</section>
@@ -356,7 +363,7 @@
</div>
</section>
<section class="section facts" id="facts">
<section class="section facts" id="facts" style="display:none;">
<div class="container">
<header class="section__head">
<h2>Цифры о комплексе</h2>
@@ -440,7 +447,7 @@
</span>
<div class="contacts-card__item-content">
<strong>Адрес</strong>
<span>Москва, Автомобильный проезд, 4</span>
<span>Москва, Автомобильный проезд, 4к5</span>
</div>
</li>
<li>
@@ -462,7 +469,7 @@
</span>
<div class="contacts-card__item-content">
<strong>Телефон</strong>
<a href="tel:+79251404737">+7 (925) 140-47-37</a>
<a style="margin-bottom:5px;" href="tel:+79251404737">+7 (925) 140-47-37</a><br>
<a href="tel:+79251404764">+7 (925) 140-47-64</a>
</div>
</li>
@@ -575,7 +582,7 @@
</nav>
<div class="footer__contacts">
<h4>Контакты и режим работы</h4>
<a href="tel:+79251404737">+7 (925) 140-47-37</a>
<a href="tel:+79251404737">+7 (925) 140-47-37</a><br>
<a href="tel:+79251404764">+7 (925) 140-47-64</a>
<a href="mailto:receptionadmin@o-arena.ru">receptionadmin@o-arena.ru</a>
<span>Москва, Автомобильный проезд, 4</span>