Compare commits
5 Commits
style/all
...
ac6ddd0b96
| Author | SHA1 | Date | |
|---|---|---|---|
| ac6ddd0b96 | |||
| f77ca86e81 | |||
| 86024ba0b7 | |||
| 3dd98c874e | |||
| bd4f74acde |
@@ -1,4 +1,4 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Montserrat:wght@700&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700&family=Montserrat:wght@100;300;400;500;600;700&display=swap");
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
@@ -237,6 +237,7 @@ img {
|
||||
}
|
||||
.hero__bg {
|
||||
position: absolute;
|
||||
filter: blur(3px);
|
||||
inset: 0;
|
||||
background: linear-gradient(90deg, rgba(18, 18, 18, 0.9) 0%, rgba(18, 18, 18, 0.7) 50%, rgba(0, 0, 0, 0) 100%), url("../images/renders/led.jpg") center/cover no-repeat;
|
||||
}
|
||||
@@ -253,7 +254,7 @@ img {
|
||||
max-width: 1000px;
|
||||
margin-left: 528px;
|
||||
padding-top: 104px;
|
||||
padding-bottom: 50px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.hero__content > * {
|
||||
opacity: 0;
|
||||
@@ -285,25 +286,30 @@ img {
|
||||
max-width: 768px;
|
||||
margin-bottom: 32px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
font-size: 23px;
|
||||
line-height: 1.5;
|
||||
font-weight: 300;
|
||||
}
|
||||
.hero__tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-bottom: 28px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.hero__tags li {
|
||||
padding: 9px 17px;
|
||||
padding: 20px 20px;
|
||||
border: 1px solid rgba(207, 23, 23, 0.3);
|
||||
border-radius: 999px;
|
||||
background: rgba(41, 49, 51, 0.6);
|
||||
/*background: rgba(41, 49, 51, 0.6);*/
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
font-weight: 300;
|
||||
line-height: 20px;
|
||||
white-space: nowrap;
|
||||
transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
backdrop-filter: blur(53px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
border: 0px solid rgba(255, 255, 255, 0.3);
|
||||
border-radius: 12px;
|
||||
}
|
||||
.hero__tags li:hover {
|
||||
transform: translateY(-1px);
|
||||
@@ -314,6 +320,11 @@ img {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
}
|
||||
.hero__actions .btn {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.highlights {
|
||||
background: linear-gradient(90deg, #293133, #20272a);
|
||||
@@ -331,7 +342,7 @@ img {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
min-height: 178px;
|
||||
padding: 33px;
|
||||
padding: 40px;
|
||||
transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
|
||||
}
|
||||
.info-card:hover {
|
||||
@@ -342,13 +353,14 @@ img {
|
||||
.info-card h3 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
}
|
||||
.info-card p {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
line-height: 1.5;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.section {
|
||||
@@ -383,8 +395,9 @@ img {
|
||||
}
|
||||
.section__head p {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-size: 28px;
|
||||
font-size: 22px;
|
||||
line-height: 1.15;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
.infrastructure {
|
||||
@@ -399,8 +412,8 @@ img {
|
||||
line-height: 1.05;
|
||||
}
|
||||
.infrastructure .section__head p {
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
font-weight: 200;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.infrastructure__grid {
|
||||
@@ -505,12 +518,23 @@ img {
|
||||
font-size: 34px;
|
||||
font-weight: 700;
|
||||
line-height: 1.1;
|
||||
font-weight: 600;
|
||||
}
|
||||
.object-card__content p {
|
||||
margin-bottom: 24px;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
font-weight: 300;
|
||||
}
|
||||
.object-card__content a.btn {
|
||||
min-width: 200px;
|
||||
width: 40%;
|
||||
padding: 10px 24px;
|
||||
border-radius: 10px;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 300;
|
||||
}
|
||||
.object-card__content ul {
|
||||
margin-bottom: 24px;
|
||||
@@ -556,12 +580,12 @@ img {
|
||||
line-height: 1.05;
|
||||
}
|
||||
.services .section__head p {
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.services__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 18px;
|
||||
width: 100%;
|
||||
max-width: 896px;
|
||||
@@ -601,7 +625,7 @@ img {
|
||||
display: block;
|
||||
font-family: "Montserrat", "Inter", "Segoe UI", "Segoe UI Variable", "Helvetica Neue", Arial, sans-serif;
|
||||
font-size: 21px;
|
||||
font-weight: 700;
|
||||
font-weight: 500;
|
||||
line-height: 1.15;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
@@ -620,8 +644,8 @@ img {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 1.45;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.25s ease, transform 0.25s ease;
|
||||
@@ -649,10 +673,15 @@ img {
|
||||
}
|
||||
.pricing__list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 18px;
|
||||
margin-bottom: 28px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.pricing__list {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
.pricing__note {
|
||||
margin-bottom: 30px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
@@ -676,7 +705,7 @@ img {
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
min-height: 144px;
|
||||
padding: 24px;
|
||||
padding: 40px;
|
||||
}
|
||||
.pricing-item h3 {
|
||||
margin-bottom: 10px;
|
||||
@@ -692,8 +721,9 @@ img {
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.pricing-item {
|
||||
padding: 16px;
|
||||
padding: 40px;
|
||||
min-height: auto;
|
||||
text-align: center;
|
||||
}
|
||||
.pricing-item h3 {
|
||||
font-size: 16px;
|
||||
@@ -808,6 +838,7 @@ img {
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
transition: transform 0.3s ease, border-color 0.3s ease;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.review-card:hover {
|
||||
transform: translateY(-5px);
|
||||
@@ -818,12 +849,14 @@ img {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
}
|
||||
.review-card strong {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
font-weight: 400;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.review-card__meta {
|
||||
@@ -831,14 +864,16 @@ img {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
.review-card__meta a {
|
||||
color: #ffd2d2;
|
||||
/*color: #ffd2d2;*/
|
||||
color: rgba(223, 223, 223, 0.2901960784);
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 1.4;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 2px;
|
||||
text-decoration-thickness: 1px;
|
||||
text-decoration-color: rgba(255, 210, 210, 0.75);
|
||||
/*text-decoration-color: rgba(255, 210, 210, 0.75);*/
|
||||
text-decoration-color: rgba(169, 169, 169, 0.28);
|
||||
transition: color 0.2s ease, text-decoration-color 0.2s ease;
|
||||
}
|
||||
.review-card__meta a:hover {
|
||||
@@ -904,8 +939,8 @@ img {
|
||||
.booking p {
|
||||
margin-bottom: 32px;
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
font-size: 19px;
|
||||
font-weight: 200;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.booking form {
|
||||
@@ -1080,7 +1115,7 @@ img {
|
||||
height: 44px;
|
||||
padding: 0;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 999px;
|
||||
border-radius: 12px;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.92);
|
||||
text-decoration: none;
|
||||
@@ -1303,19 +1338,21 @@ img {
|
||||
margin-top: 16px;
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
font-size: 14px;
|
||||
line-height: 1.28;
|
||||
line-height: 1.5;
|
||||
font-weight: 300;
|
||||
}
|
||||
.footer__nav h4, .footer__contacts h4 {
|
||||
margin-bottom: 16px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
line-height: 1.1;
|
||||
}
|
||||
.footer__nav a, .footer__contacts a {
|
||||
display: block;
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
font-size: 14px;
|
||||
line-height: 1.35;
|
||||
line-height: 1.5;
|
||||
font-weight: 300;
|
||||
}
|
||||
.footer__nav span, .footer__contacts span {
|
||||
display: block;
|
||||
|
||||
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
BIN
assets/images/renders/no_photo.png
Normal file
BIN
assets/images/renders/no_photo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
assets/images/renders/photo_olimp_rest1.jpg
Normal file
BIN
assets/images/renders/photo_olimp_rest1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
BIN
assets/images/renders/photo_olimp_rest2.jpg
Normal file
BIN
assets/images/renders/photo_olimp_rest2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
BIN
assets/images/renders/photo_olimp_rest3.jpg
Normal file
BIN
assets/images/renders/photo_olimp_rest3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 113 KiB |
BIN
assets/images/renders/photo_olimp_rest4.jpg
Normal file
BIN
assets/images/renders/photo_olimp_rest4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
BIN
assets/images/renders/photo_olimp_rest5.jpg
Normal file
BIN
assets/images/renders/photo_olimp_rest5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
BIN
assets/images/renders/photo_olimp_rest6.jpg
Normal file
BIN
assets/images/renders/photo_olimp_rest6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
BIN
assets/images/renders/photo_olimp_rest7.jpg
Normal file
BIN
assets/images/renders/photo_olimp_rest7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
BIN
assets/images/renders/photo_olimp_sport1.jpg
Normal file
BIN
assets/images/renders/photo_olimp_sport1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
BIN
assets/images/renders/photo_olimp_sport2.jpg
Normal file
BIN
assets/images/renders/photo_olimp_sport2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 202 KiB |
BIN
assets/images/renders/photo_olimp_sport3.jpg
Normal file
BIN
assets/images/renders/photo_olimp_sport3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
BIN
assets/images/renders/photo_olimp_sport4.jpg
Normal file
BIN
assets/images/renders/photo_olimp_sport4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 197 KiB |
@@ -191,6 +191,7 @@ img {
|
||||
|
||||
&__bg {
|
||||
position: absolute;
|
||||
filter: blur(3px);
|
||||
inset: 0;
|
||||
background:
|
||||
linear-gradient(90deg, rgba(18, 18, 18, 0.9) 0%, rgba(18, 18, 18, 0.7) 50%, rgba(0, 0, 0, 0) 100%),
|
||||
@@ -213,7 +214,7 @@ img {
|
||||
max-width: 1000px;
|
||||
margin-left: 528px;
|
||||
padding-top: 104px;
|
||||
padding-bottom: 50px;
|
||||
padding-bottom: 100px;
|
||||
|
||||
> * {
|
||||
opacity: 0;
|
||||
@@ -253,27 +254,33 @@ img {
|
||||
max-width: 768px;
|
||||
margin-bottom: 32px;
|
||||
color: $color-text-soft;
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
font-size: 23px;
|
||||
line-height: 1.5;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
&__tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
margin-bottom: 28px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
li {
|
||||
padding: 9px 17px;
|
||||
padding: 20px 20px;
|
||||
border: 1px solid $color-border-strong;
|
||||
border-radius: 999px;
|
||||
background: rgba(41, 49, 51, 0.6);
|
||||
/*background: rgba(41, 49, 51, 0.6);*/
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
font-weight: 300;
|
||||
line-height: 20px;
|
||||
white-space: nowrap;
|
||||
transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
|
||||
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
backdrop-filter: blur(53px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
border: 0px solid rgba(255, 255, 255, 0.3);
|
||||
border-radius: 12px;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-1px);
|
||||
border-color: rgba(207, 23, 23, 0.55);
|
||||
@@ -285,6 +292,12 @@ img {
|
||||
&__actions {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
|
||||
.btn{
|
||||
font-size:14px;
|
||||
font-weight:600;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -302,7 +315,7 @@ img {
|
||||
.info-card {
|
||||
@include card;
|
||||
min-height: 178px;
|
||||
padding: 33px;
|
||||
padding: 40px;
|
||||
transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
|
||||
|
||||
&:hover {
|
||||
@@ -314,14 +327,15 @@ img {
|
||||
h3 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
font-weight: 500;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
p {
|
||||
color: $color-text-muted;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
line-height: 1.5;
|
||||
font-weight:200;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -363,8 +377,9 @@ img {
|
||||
|
||||
p {
|
||||
color: $color-text-soft;
|
||||
font-size: 28px;
|
||||
font-size: 22px;
|
||||
line-height: 1.15;
|
||||
font-weight:200;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -382,8 +397,8 @@ img {
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
font-weight: 200;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
@@ -496,6 +511,7 @@ img {
|
||||
font-size: 34px;
|
||||
font-weight: 700;
|
||||
line-height: 1.1;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
p {
|
||||
@@ -503,6 +519,17 @@ img {
|
||||
color: $color-text-muted;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
a.btn{
|
||||
min-width: 200px;
|
||||
width: 40%;
|
||||
padding: 10px 24px;
|
||||
border-radius: 10px;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
ul {
|
||||
@@ -559,14 +586,14 @@ img {
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
}
|
||||
|
||||
&__grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 18px;
|
||||
width: 100%;
|
||||
max-width: 896px;
|
||||
@@ -609,7 +636,7 @@ img {
|
||||
display: block;
|
||||
font-family: $font-heading;
|
||||
font-size: 21px;
|
||||
font-weight: 700;
|
||||
font-weight: 500;
|
||||
line-height: 1.15;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
@@ -629,8 +656,8 @@ img {
|
||||
opacity: 0;
|
||||
transform: translateY(10px);
|
||||
color: $color-text-muted;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 1.45;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.25s ease, transform 0.25s ease;
|
||||
@@ -664,10 +691,16 @@ img {
|
||||
|
||||
&__list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 18px;
|
||||
margin-bottom: 28px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
&__note {
|
||||
margin-bottom: 30px;
|
||||
@@ -692,7 +725,7 @@ img {
|
||||
&-item {
|
||||
@include card;
|
||||
min-height: 144px;
|
||||
padding: 24px;
|
||||
padding: 40px;
|
||||
|
||||
h3 {
|
||||
margin-bottom: 10px;
|
||||
@@ -710,8 +743,9 @@ img {
|
||||
|
||||
// Медиа-запрос для экранов меньше 600px
|
||||
@media (max-width: 600px) {
|
||||
padding: 16px; // Пример: уменьшаем внутренние отступы
|
||||
padding: 40px; // Пример: уменьшаем внутренние отступы
|
||||
min-height: auto; // Пример: убираем фиксированную минимальную высоту
|
||||
text-align: center;
|
||||
|
||||
h3 {
|
||||
font-size: 16px; // Пример: уменьшаем размер заголовка
|
||||
@@ -840,6 +874,7 @@ img {
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
transition: transform 0.3s ease, border-color 0.3s ease;
|
||||
margin-top:5px;
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-5px);
|
||||
@@ -851,13 +886,15 @@ img {
|
||||
color: $color-text-soft;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
strong {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
font-weight: 400;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@@ -866,14 +903,16 @@ img {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||
|
||||
a {
|
||||
color: #ffd2d2;
|
||||
/*color: #ffd2d2;*/
|
||||
color: #dfdfdf4a;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
line-height: 1.4;
|
||||
text-decoration: underline;
|
||||
text-underline-offset: 2px;
|
||||
text-decoration-thickness: 1px;
|
||||
text-decoration-color: rgba(255, 210, 210, 0.75);
|
||||
/*text-decoration-color: rgba(255, 210, 210, 0.75);*/
|
||||
text-decoration-color: rgb(169 169 169 / 28%);
|
||||
transition: color 0.2s ease, text-decoration-color 0.2s ease;
|
||||
|
||||
&:hover {
|
||||
@@ -945,8 +984,8 @@ img {
|
||||
p {
|
||||
margin-bottom: 32px;
|
||||
color: $color-text-soft;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
font-size: 19px;
|
||||
font-weight: 200;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -1140,7 +1179,7 @@ img {
|
||||
height: 44px;
|
||||
padding: 0;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 999px;
|
||||
border-radius: 12px;
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
color: rgba(255, 255, 255, 0.92);
|
||||
text-decoration: none;
|
||||
@@ -1397,7 +1436,8 @@ img {
|
||||
margin-top: 16px;
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
font-size: 14px;
|
||||
line-height: 1.28;
|
||||
line-height: 1.5;
|
||||
font-weight:300;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1406,7 +1446,7 @@ img {
|
||||
h4 {
|
||||
margin-bottom: 16px;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
@@ -1414,7 +1454,8 @@ img {
|
||||
display: block;
|
||||
color: rgba(255, 255, 255, 0.65);
|
||||
font-size: 14px;
|
||||
line-height: 1.35;
|
||||
line-height: 1.5;
|
||||
font-weight:300;
|
||||
}
|
||||
|
||||
span {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Montserrat:wght@700&display=swap");
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700&family=Montserrat:wght@100;300;400;500;600;700&display=swap");
|
||||
|
||||
:root {
|
||||
color-scheme: dark;
|
||||
|
||||
80
index.html
80
index.html
@@ -29,7 +29,7 @@
|
||||
<div class="hero__bg" aria-hidden="true"></div>
|
||||
<div class="container hero__content">
|
||||
<h1>
|
||||
Спорткомплекс полного цикла в <span>Москве:</span>
|
||||
Спорткомплекс полного цикла в <span>Москве:</span><br>
|
||||
лёд, залы, проживание и питание на одной территории
|
||||
</h1>
|
||||
<p>
|
||||
@@ -80,7 +80,7 @@
|
||||
<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/led.jpg');"></div>
|
||||
<div class="object-card__content">
|
||||
<h3>Два ледовых поля</h3>
|
||||
<p>Стандарт 58×26 м. Тренировки, сборы, соревнования.</p>
|
||||
<p>Стандарт 58×26 м. Тренировки, сборы, соревнования</p>
|
||||
<a class="btn btn--small" href="#booking">Забронировать</a>
|
||||
</div>
|
||||
</article>
|
||||
@@ -89,16 +89,16 @@
|
||||
<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>
|
||||
<p>Зал для игровых видов спорта, паркетное покрытие.</p>
|
||||
<p>Зал для игровых видов спорта, паркетное покрытие</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/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>
|
||||
<p>Кардио, силовая и функциональная зоны. Premium-оборудование</p>
|
||||
<a class="btn btn--small" href="#booking">Подробнее</a>
|
||||
</div>
|
||||
</article>
|
||||
@@ -107,34 +107,34 @@
|
||||
<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>
|
||||
<p>Оборудован зеркалами и станками для занятий хореографией.</p>
|
||||
<p>Оборудован зеркалами и станками для занятий хореографией</p>
|
||||
<a class="btn btn--small" href="#booking">Подробнее</a>
|
||||
</div>
|
||||
</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>
|
||||
<p>70+ номеров для команд и гостей. Прямо на территории</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/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>
|
||||
<p>Сбалансированное спортивное питание. Меню для команд</p>
|
||||
<a class="btn btn--small" href="#booking">Подробнее</a>
|
||||
</div>
|
||||
</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>
|
||||
<p>Своя парковка для гостей и автобусов команд</p>
|
||||
<a class="btn btn--small" href="#booking">Подробнее</a>
|
||||
</div>
|
||||
</article>
|
||||
@@ -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>
|
||||
@@ -382,7 +389,7 @@
|
||||
<section class="section booking" id="booking">
|
||||
<div class="container booking__wrap">
|
||||
<div class="booking__form">
|
||||
<h2>Оставьте заявку — подберём площадку и время</h2>
|
||||
<h2>Оставьте заявку — подберём площадку и время</h2>
|
||||
<p>Перезвоним в течение 15 минут в рабочее время и пришлём расчёт</p>
|
||||
<form id="booking-form" action="#" method="post" novalidate data-metrika-id="" data-autoreply-endpoint="">
|
||||
<div class="booking__field">
|
||||
@@ -493,8 +500,24 @@
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a class="contacts-card__messenger contacts-card__messenger--secondary" href="#" aria-label="ВКонтакте">
|
||||
<span class="contacts-card__action-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none">
|
||||
<use href="./assets/images/svg-sprites.svg#icon-vk"></use>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a class="contacts-card__messenger contacts-card__messenger--secondary" href="#" aria-label="Instagram">
|
||||
<span class="contacts-card__action-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none">
|
||||
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="contacts-card__links contacts-card__links--social">
|
||||
<div style="display:none;" class="contacts-card__links contacts-card__links--social">
|
||||
<a href="#" aria-label="ВКонтакте">
|
||||
<span class="contacts-card__action-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none">
|
||||
@@ -575,11 +598,11 @@
|
||||
</nav>
|
||||
<div class="footer__contacts">
|
||||
<h4>Контакты и режим работы</h4>
|
||||
<a href="tel:+79251404737">+7 (925) 140-47-37</a><br>
|
||||
<a href="tel:+79251404737">+7 (925) 140-47-37</a>
|
||||
<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>
|
||||
<span>Ежедневно с 06:00 до 23:00</span>
|
||||
<a href="mailto:receptionadmin@o-arena.ru">receptionadmin@o-arena.ru</a><br>
|
||||
<a>Москва, Автомобильный проезд, 4</a>
|
||||
<a>Ежедневно с 06:00 до 23:00</a><br>
|
||||
<div class="footer__messengers">
|
||||
<a href="https://wa.me/74951234567" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp">
|
||||
<span class="footer__messenger-icon" aria-hidden="true">
|
||||
@@ -594,9 +617,24 @@
|
||||
<use href="./assets/images/svg-sprites.svg#icon-telegram"></use>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a href="#" aria-label="Instagram">
|
||||
<span class="footer__messenger-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none">
|
||||
<use href="./assets/images/svg-sprites.svg#icon-instagram"></use>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<a href="#" aria-label="ВКонтакте">
|
||||
<span class="footer__messenger-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none">
|
||||
<use href="./assets/images/svg-sprites.svg#icon-vk"></use>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="footer__socials">
|
||||
<div style="display:none;" class="footer__socials">
|
||||
<a href="#" aria-label="Instagram">
|
||||
<span class="footer__messenger-icon" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none">
|
||||
|
||||
Reference in New Issue
Block a user