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

edit blocks (gendir 5 + photos FINAL) #37

Merged
artem merged 1 commits from style/design into main 2026-06-18 07:51:46 +00:00
Conversation 0 Commits 1 Files Changed 6 +31 -17
6 changed files with 31 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d48e75c71c - Show all commits

10
assets/css/main.css
View File

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

26
index.html
View File

@@ -37,6 +37,7 @@
Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и
апарт-отель на 70+ номеров. В пределах ТТК.
</p>-->
<p>«Олимп Арена» — не просто арена, а спортивная база полного цикла в центре Москвы. Пофессиональные ледовые арены, современные залы, апарт-отель и ресторан — всё для проведения тренировок, сборов и мероприятий любого уровня.</p>
<ul class="hero__tags">
<li><img src="assets/images/olimp_icon1.png" /> 2 ледовых поля 58×26 м</li>
<li><img src="assets/images/olimp_icon2.png" />Универсальный зал, фитнес центр, и зал хореографии</li>
@@ -103,7 +104,16 @@
</div>
</article>
<article class="object-card object-card--reverse">
<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">
<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>
@@ -112,7 +122,7 @@
</div>
</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__content">
<h3>Фитнес-центр</h3>
@@ -121,8 +131,8 @@
</div>
</article>
<article class="object-card object-card--reverse" 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>
<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>
@@ -130,7 +140,7 @@
</div>
</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__content">
<h3>Апарт-отель</h3>
@@ -139,7 +149,7 @@
</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/photo_olimp_rest7.jpg');"></div>
<div class="object-card__content">
<h3>Ресторан</h3>
@@ -148,7 +158,7 @@
</div>
</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__content">
<h3>Парковка</h3>
@@ -419,7 +429,7 @@
</div>
<style>
.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{
color:#999;
background-image: linear-gradient(hsl(0deg 0% 100% / 101%), hsl(0deg 0% 100% / 100%));}