style: add some style 4

This commit is contained in:
2026-06-05 11:00:13 +03:00
parent 79ebb16243
commit 00b63f0991
3 changed files with 41 additions and 17 deletions

View File

@@ -180,7 +180,9 @@ img {
padding: 10px 24px; padding: 10px 24px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
box-shadow: 0 10px 15px rgba(231, 0, 11, 0.4), 0 4px 6px rgba(231, 0, 11, 0.4); /*box-shadow: 0 10px 15px rgba(231, 0, 11, 0.4), 0 4px 6px rgba(231, 0, 11, 0.4);*/
font-weight: 400;
text-transform: uppercase;
} }
.btn--ghost { .btn--ghost {
border: 2px solid rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.2);
@@ -282,6 +284,8 @@ img {
} }
.hero h1 span { .hero h1 span {
color: #cf1717; color: #cf1717;
font-family: Montserrat, Inter, Segoe UI, Segoe UI Variable, Helvetica Neue, Arial, sans-serif;
font-weight: 700;
} }
.hero p { .hero p {
max-width: 768px; max-width: 768px;
@@ -460,15 +464,17 @@ img {
display: block; display: block;
} }
.feature-card h3 { .feature-card h3 {
margin-bottom: 10px; margin-bottom: 7px;
font-size: 18px; font-size: 18px;
font-weight: 700; /*font-weight: 700;*/
line-height: 1.2; line-height: 1.2;
font-weight: 600;
} }
.feature-card p { .feature-card p {
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-size: 16px; font-size: 16px;
line-height: 1.3; line-height: 1.3;
font-weight: 300;
} }
.objects { .objects {
@@ -535,7 +541,7 @@ img {
border-radius: 10px; border-radius: 10px;
font-size: 14px; font-size: 14px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 300; font-weight: 400;
} }
.object-card__content ul { .object-card__content ul {
margin-bottom: 24px; margin-bottom: 24px;
@@ -686,9 +692,10 @@ img {
.pricing__note { .pricing__note {
margin-bottom: 30px; margin-bottom: 30px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
font-size: 18px; font-size: 14px;
line-height: 1.45; line-height: 1.45;
text-align: center; text-align: center;
font-weight: 200;
} }
.pricing__cta { .pricing__cta {
text-align: center; text-align: center;
@@ -1680,10 +1687,12 @@ img {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.feature-card h3, .feature-card h3,
.object-card__content h3, .object-card__content h3 {
.booking h2 {
font-size: 24px; font-size: 24px;
} }
.booking h2 {
font-size: 32px;
}
.booking input, .booking input,
.booking select { .booking select {
height: 52px; height: 52px;
@@ -1790,11 +1799,13 @@ img {
.feature-card, .feature-card,
.review-card, .review-card,
.stats__item, .stats__item,
.contacts-card,
.hours-card, .hours-card,
.object-card__content { .object-card__content {
padding: 24px; padding: 24px;
} }
.contacts-card {
padding: 33px;
}
.object-card__image { .object-card__image {
min-height: 260px; min-height: 260px;
} }

File diff suppressed because one or more lines are too long

View File

@@ -126,7 +126,9 @@ img {
padding: 10px 24px; padding: 10px 24px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
box-shadow: 0 10px 15px rgba(231, 0, 11, 0.4), 0 4px 6px rgba(231, 0, 11, 0.4); /*box-shadow: 0 10px 15px rgba(231, 0, 11, 0.4), 0 4px 6px rgba(231, 0, 11, 0.4);*/
font-weight:400;
text-transform:uppercase;
} }
&--ghost { &--ghost {
@@ -247,6 +249,8 @@ img {
span { span {
color: $color-accent; color: $color-accent;
font-family: Montserrat, Inter, Segoe UI, Segoe UI Variable, Helvetica Neue, Arial, sans-serif;
font-weight:700;
} }
} }
@@ -447,16 +451,18 @@ img {
} }
h3 { h3 {
margin-bottom: 10px; margin-bottom: 7px;
font-size: 18px; font-size: 18px;
font-weight: 700; /*font-weight: 700;*/
line-height: 1.2; line-height: 1.2;
font-weight:600;
} }
p { p {
color: $color-text-muted; color: $color-text-muted;
font-size: 16px; font-size: 16px;
line-height: 1.3; line-height: 1.3;
font-weight:300;
} }
} }
@@ -529,7 +535,7 @@ img {
border-radius: 10px; border-radius: 10px;
font-size: 14px; font-size: 14px;
text-transform: uppercase; text-transform: uppercase;
font-weight:300; font-weight:400;
} }
ul { ul {
@@ -705,9 +711,10 @@ img {
&__note { &__note {
margin-bottom: 30px; margin-bottom: 30px;
color: $color-text-soft; color: $color-text-soft;
font-size: 18px; font-size: 14px;
line-height: 1.45; line-height: 1.45;
text-align: center; text-align: center;
font-weight:200;
} }
&__cta { &__cta {
@@ -1898,10 +1905,12 @@ img {
} }
.feature-card h3, .feature-card h3,
.object-card__content h3, .object-card__content h3 {
.booking h2 {
font-size: 24px; font-size: 24px;
} }
.booking h2 {
font-size: 32px;
}
.booking { .booking {
input, input,
@@ -2057,12 +2066,16 @@ img {
.feature-card, .feature-card,
.review-card, .review-card,
.stats__item, .stats__item,
.contacts-card,
.hours-card, .hours-card,
.object-card__content { .object-card__content {
padding: 24px; padding: 24px;
} }
.contacts-card{
padding:33px;
}
.object-card__image { .object-card__image {
min-height: 260px; min-height: 260px;
} }