leto/shkola
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Лагерь: Секция 2-3

Browse Source
This commit is contained in:
Dekart Deploy Bot 2026-05-10 15:09:16 +03:00
parent e4ae1344b4
commit d0d7029f8c
2 changed files with 79 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

133
wp-content/themes/dekart/assets/css/camp.css
View File

@ -14,8 +14,8 @@ html {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 75px; gap: 75px;
padding-top: 30px !important; padding-top: 30px;
padding-bottom: 30px !important; padding-bottom: 30px;
} }
.container_camp { .container_camp {
@ -42,9 +42,14 @@ p {
} }
.camp_text { .camp_text {
color: #212121; font-family: Inter, sans-serif;
font-size: 18px; font-size: 18px;
font-weight: 500; line-height: 1.6;
color: #555;
text-align: center;
max-width: 700px;
margin: 0 auto 50px;
font-weight: 400;
} }
/* banner */ /* banner */
@ -207,29 +212,20 @@ p {
.about-us { .about-us {
background: #ffffff; background: #ffffff;
padding: 24px 0;
} }
.about-us__wrapper { .about-us__wrapper {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
gap: 60px; gap: 60px;
padding: 0 75px;
padding: 60px 75px;
overflow: visible; overflow: visible;
} }
@ -318,44 +314,34 @@ p {
.about-us__content-col { .about-us__content-col {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
display: flex;
flex-direction: column;
gap: 24px;
} }
.about-us__title { .about-us__title {
text-align: center; text-align: center;
margin-bottom: 20px; padding-bottom: 0;
} }
.about-us__text { .about-us__text {
font-family: Inter, sans-serif; font-family: Inter, sans-serif;
font-size: 18px; font-size: 18px;
line-height: 1.6;
line-height: 1.7;
font-weight: 400; font-weight: 400;
color: #555;
color: #333; text-align: center;
max-width: 700px;
text-align: left; margin: 0 auto;
margin: 0 0 24px;
} }
.about-us__social-proof { .about-us__social-proof {
margin-bottom: 16px;
} }
.about-us__badge { .about-us__badge {
@ -379,9 +365,6 @@ p {
} }
.about-us__cta { .about-us__cta {
margin-top: 8px;
} }
.about-us__cta-link { .about-us__cta-link {
@ -472,9 +455,9 @@ p {
flex-direction: column; flex-direction: column;
padding: 40px 20px; padding: 24px 20px;
gap: 30px; gap: 24px;
} }
@ -487,12 +470,14 @@ p {
} }
.about-us__title { .about-us__title {
padding-bottom: 0;
font-size: 28px; font-size: 28px;
} }
.about-us__text { .about-us__text {
font-size: 16px; font-size: 16px;
text-align: center;
line-height: 1.6; line-height: 1.6;
@ -587,7 +572,7 @@ p {
} }
.suggestions { .suggestions {
background: #f8f9fa; background: #f8f9fa;
padding: 100px 0; padding: 80px 0;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
@ -606,15 +591,13 @@ p {
z-index: 2; z-index: 2;
} }
.suggestions__subtitle { .suggestions__subtitle {
font-family: "Inter", sans-serif; font-family: Inter, sans-serif;
font-size: 20px; font-size: 18px;
line-height: 1.6; line-height: 1.6;
color: #555; color: #555;
text-align: center; text-align: center;
margin: -30px 0 50px;
max-width: 700px; max-width: 700px;
margin-left: auto; margin: 0 auto 50px;
margin-right: auto;
} }
.suggestions-wrapper { .suggestions-wrapper {
display: flex; display: flex;
@ -745,8 +728,8 @@ p {
.suggestions-wrapper > .suggestions__item { width: calc(50% - 8px); min-width: 0; } .suggestions-wrapper > .suggestions__item { width: calc(50% - 8px); min-width: 0; }
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.suggestions { padding: 60px 0; } .suggestions { padding: 40px 0; }
.suggestions__subtitle { font-size: 18px; margin: -20px 0 36px; padding: 0 20px; } .suggestions__subtitle { font-size: 16px; margin: 0 auto 30px; padding: 0 20px; }
.suggestions-wrapper { gap: 14px; } .suggestions-wrapper { gap: 14px; }
.suggestions-wrapper > .suggestions__item { width: 100%; } .suggestions-wrapper > .suggestions__item { width: 100%; }
.suggestions__item { padding: 24px 20px 28px; } .suggestions__item { padding: 24px 20px 28px; }
@ -755,16 +738,24 @@ p {
.suggestions__doodle { display: none; } .suggestions__doodle { display: none; }
.suggestions::before { display: none; } .suggestions::before { display: none; }
} }
.infograph {
background: #faf7f2;
padding: 80px 0;
}
.infograph__item { .infograph__item {
width: calc(25% - 20px); width: calc(25% - 20px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
align-items: center;
text-align: center;
} }
.infograph__item_img { .infograph__item_img {
border-radius: 30px; border-radius: 30px;
width: 234px; width: 100%;
max-width: 180px;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
} }
@ -783,6 +774,22 @@ p {
} }
/* infograph END */ /* infograph END */
.infograph-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
.infograph__item {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.infograph__item:hover {
transform: translateY(-4px);
}
/* programs */ /* programs */
.programs-wrapper { .programs-wrapper {
flex-wrap: wrap; flex-wrap: wrap;
@ -1645,8 +1652,8 @@ p {
@media (width > 780px) and (width < 1200px) { @media (width > 780px) and (width < 1200px) {
.camp { .camp {
gap: 6.25vw; gap: 6.25vw;
padding-top: 2.5vw !important; padding-top: 2.5vw;
padding-bottom: 2.5vw !important; padding-bottom: 2.5vw;
} }
.container_camp { .container_camp {
@ -2207,32 +2214,44 @@ p {
} }
section { section {
padding: 0 15px; padding: 0 15px;
}
.camp_text {
font-size: 16px;
margin: 0 auto 30px;
padding: 0 20px;
} }
.infograph {
padding: 40px 0;
}
.infograph-wrapper { .infograph-wrapper {
margin-top: 0; margin-top: 0;
gap: 20px 40px; gap: 16px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.infograph__item { .infograph__item {
width: calc(50% - 20px); width: calc(50% - 8px);
gap: 10px; gap: 6px;
} }
.infograph__item_title { .infograph__item_title {
margin-bottom: 0; margin-bottom: 0;
font-size: 15px;
} }
.infograph__item_img { .infograph__item_img {
width: 70%; width: 100%;
max-width: 160px;
height: auto; height: auto;
} }
.infograph__item_data { .infograph__item_data {
font-size: 22px; font-size: 24px;
margin-bottom: 0; margin-bottom: 0;
} }

6
wp-content/themes/dekart/page-camp.php
View File

@ -215,9 +215,9 @@ $metrics = [
</div> </div>
</section> </section>
<section class="infograph"> <section class="infograph">
<h2 class="camp_title">С любовью и заботой о каждом</h2> <h2 class="camp_title">Цифры, которые говорят сами за себя</h2>
<p class="camp_text">Мы обеспечиваем безопасную и поддерживающую среду, где дети могут раскрывать свой <p class="camp_text">Мы обеспечиваем безопасную и поддерживающую среду, где дети могут раскрывать свой
потенциал, исследовать мир и развивать дружбу под присмотром заботливые наставников.</p> потенциал, исследовать мир и развивать дружбу под присмотром заботливых наставников.</p>
<div class="infograph-wrapper"> <div class="infograph-wrapper">
<div class="infograph__item"> <div class="infograph__item">
<img loading="lazy" class="infograph__item_img" width="234" height="234" src="<?php echo get_template_directory_uri(); ?>/assets/images/age.svg" alt="инфографика возраста"> <img loading="lazy" class="infograph__item_img" width="234" height="234" src="<?php echo get_template_directory_uri(); ?>/assets/images/age.svg" alt="инфографика возраста">
@ -238,7 +238,7 @@ $metrics = [
<img loading="lazy" class="infograph__item_img" width="234" height="234" src="<?php echo get_template_directory_uri(); ?>/assets/images/price.svg" <img loading="lazy" class="infograph__item_img" width="234" height="234" src="<?php echo get_template_directory_uri(); ?>/assets/images/price.svg"
alt="инфографика стоимости"> alt="инфографика стоимости">
<p class="infograph__item_title">стоимость недели</p> <p class="infograph__item_title">стоимость недели</p>
<p class="infograph__item_data">от <?php echo number_format($priceMin, 0, ',', ' '); ?> ₽</p> <p class="infograph__item_data">от <?php echo esc_html( number_format($priceMin, 0, ',', ' ') ); ?> ₽</p>
</div> </div>
</div> </div>
</section> </section>