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

Merge pull request 'edit blocks (gendir 5 + photos FINAL)' (#37) from style/design into main
All checks were successful
Deploy Olimparena / deploy (push) Successful in 16s
Details

Browse Source 
Reviewed-on: #37
This commit was merged in pull request #37.
This commit is contained in:
artem
2026-06-18 07:51:46 +00:00
parent f38441c9cb d48e75c71c
commit 23b7eac4f1
6 changed files with 31 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/main.css
View File

@@ -284,7 +284,7 @@ img {
.hero h1 { .hero h1 {
max-width: 1000px; max-width: 1000px;
/*margin-bottom: 24px;*/ /*margin-bottom: 24px;*/
margin-bottom: 45px; margin-bottom: 30px;
font-size: 82px; font-size: 82px;
font-weight: 700; font-weight: 700;
line-height: 90px; line-height: 90px;
@@ -307,7 +307,7 @@ 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: 16px 20px; padding: 16px 20px;
@@ -1821,6 +1821,7 @@ 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;
} }
@@ -1952,9 +1953,9 @@ img {
} }
.hero h1 { .hero h1 {
/*font-size: 34px;*/ /*font-size: 34px;*/
font-size: 24px; font-size: 32px;
margin-top: 20px; margin-top: 20px;
margin-bottom: 40px; margin-bottom: 25px;
} }
.hero__actions { .hero__actions {
gap: 12px; gap: 12px;
@@ -1974,6 +1975,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

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_new.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 133 KiB

10
assets/scss/_base.scss
View File

@@ -249,7 +249,7 @@ img {
h1 { h1 {
max-width: 1000px; max-width: 1000px;
/*margin-bottom: 24px;*/ /*margin-bottom: 24px;*/
margin-bottom:45px; margin-bottom:30px;
font-size: 82px; font-size: 82px;
font-weight: 700; font-weight: 700;
line-height: 90px; line-height: 90px;
@@ -275,7 +275,7 @@ img {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 12px; gap: 12px;
margin-bottom: 15px; margin-bottom: 25px;
li { li {
padding: 16px 20px; padding: 16px 20px;
@@ -2055,6 +2055,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;
} }
@@ -2241,9 +2242,9 @@ img {
h1 { h1 {
/*font-size: 34px;*/ /*font-size: 34px;*/
font-size:24px; font-size:32px;
margin-top:20px; margin-top:20px;
margin-bottom:40px; margin-bottom:25px;
} }
&__actions { &__actions {
@@ -2271,6 +2272,7 @@ img {
.hours-card, .hours-card,
.object-card__content { .object-card__content {
padding: 24px; padding: 24px;
min-height:230px;
} }
.feature-card{ .feature-card{

26
index.html
View File

@@ -37,6 +37,7 @@
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
апарт-отель на 70+ номеров. В пределах ТТК. апарт-отель на 70+ номеров. В пределах ТТК.
</p>--> </p>-->
<p>«Олимп Арена» — не просто арена, а спортивная база полного цикла в центре Москвы. Пофессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
<ul class="hero__tags"> <ul class="hero__tags">
<li><img src="assets/images/olimp_icon1.png" /> 2 ледовых поля 58×26 м</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_icon2.png" />Универсальный зал, фитнес центр, и зал хореографии</li>
@@ -102,8 +103,17 @@
<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">
<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>4 бросковых дорожки со специализированным покрытием</p>
<a class="btn btn--small" href="#booking">Забронировать</a>
</div>
</article>
<article class="object-card object-card--reverse"> <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__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"> <div class="object-card__content">
<h3>Универсальный зал</h3> <h3>Универсальный зал</h3>
@@ -112,7 +122,7 @@
</div> </div>
</article> </article>
<article class="object-card"> <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>
@@ -121,8 +131,8 @@
</div> </div>
</article> </article>
<article class="object-card object-card--reverse" style=""> <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.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_horeo_new.jpg');"></div>
<div class="object-card__content"> <div class="object-card__content">
<h3>Зал хореографии</h3> <h3>Зал хореографии</h3>
<p>Оборудован зеркалами и станками для занятий хореографией</p> <p>Оборудован зеркалами и станками для занятий хореографией</p>
@@ -130,7 +140,7 @@
</div> </div>
</article> </article>
<article class="object-card"> <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_hotel2.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>
@@ -139,7 +149,7 @@
</div> </div>
</article> </article>
<article class="object-card object-card--reverse"> <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/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>
@@ -148,7 +158,7 @@
</div> </div>
</article> </article>
<article class="object-card"> <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_parking2.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>
@@ -419,7 +429,7 @@
</div> </div>
<style> <style>
.btrx_static .b24-form-wrapper{background-color:#121212;} .btrx_static .b24-form-wrapper{background-color:#121212;}
.btrx_static .b24-form-header-description, .b24-form-header-title{color:#fff;} .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{ .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:#999; color:#999;
background-image: linear-gradient(hsl(0deg 0% 100% / 101%), hsl(0deg 0% 100% / 100%));} background-image: linear-gradient(hsl(0deg 0% 100% / 101%), hsl(0deg 0% 100% / 100%));}