Global 2026-07-28
This commit is contained in:
Dekart Deploy Bot
parent
d190b93d68
commit
762eabf590
@ -32,10 +32,13 @@ main{display:flex;flex-direction:column;gap:0}
|
||||
.ds-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-primary) 100%);opacity:.5}
|
||||
.ds-hero__inner{display:flex;gap:40px;align-items:center;position:relative;z-index:1}
|
||||
.ds-hero__content{flex:1;max-width:600px;min-width:0}
|
||||
.ds-hero__address{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 16px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);border-radius:var(--radius-pill);font-size:var(--text-body-sm);font-weight:600;margin-bottom:14px}
|
||||
.ds-hero__h1{font-family:var(--font-display);font-size:clamp(36px,4.2vw,52px);font-weight:500;line-height:1.12;margin:0 0 14px;color:#fff}
|
||||
.ds-hero__subtitle{font-size:18px;line-height:1.55;color:var(--color-rating);margin:0 0 28px;max-width:500px}
|
||||
.ds-hero__metrics{display:flex;gap:16px;margin-bottom:32px}
|
||||
.ds-hero__address{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 16px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);border-radius:var(--radius-pill);font-size:var(--text-body-sm);font-weight:600;margin-bottom:16px}
|
||||
.ds-hero__h1{font-family:var(--font-display);font-size:clamp(36px,4.2vw,52px);font-weight:500;line-height:1.12;margin:0 0 20px;color:#fff;position:relative}
|
||||
.ds-hero__h1::after{content:'';display:block;width:80px;height:3px;margin-top:12px;border-radius:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-primary));background-size:200% 100%;animation:h1Shimmer 3s ease-in-out infinite}
|
||||
@keyframes h1Shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
|
||||
.ds-hero__subtitle{font-size:clamp(0.875rem,1.1vw,1.0625rem);font-weight:400;line-height:1.7;color:rgba(255,255,255,.75);margin:0 0 24px;max-width:500px}
|
||||
.ds-hero__subtitle strong{color:#fff;font-weight:600}
|
||||
.ds-hero__metrics{display:flex;gap:16px;margin-bottom:24px}
|
||||
.ds-hero__metric{background:rgba(255,255,255,.08);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 22px;text-align:center;min-width:110px}
|
||||
.ds-hero__metric-number{font-family:var(--font-display);font-size:clamp(28px,3vw,34px);font-weight:500;color:var(--color-primary);display:block;line-height:1.1;margin-bottom:2px}
|
||||
.ds-hero__metric-label{font-size:13px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.04em}
|
||||
@ -63,8 +66,8 @@ main{display:flex;flex-direction:column;gap:0}
|
||||
.ds-hero__float--1{top:4%;right:-8px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.12)}
|
||||
.ds-hero__float--2{bottom:22%;left:-24px;background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(168,85,247,.08));color:#D8C8FF;border:1px solid rgba(124,58,237,.15)}
|
||||
.ds-hero__float--3{bottom:4%;right:6%;background:linear-gradient(135deg,rgba(59,178,160,.2),rgba(59,178,160,.08));color:#B8E6DF;border:1px solid rgba(59,178,160,.15)}
|
||||
@media(max-width:860px){.ds-hero{padding:40px 0}.ds-hero__inner{flex-direction:column}.ds-hero__visual{flex:none;width:100%;max-width:360px;height:auto;min-height:320px;margin:0 auto}.ds-hero__photo-frame{width:260px;height:260px;border-width:5px}.ds-hero__h1{font-size:32px}}
|
||||
@media(max-width:768px){.ds-hero__visual{display:none}.ds-hero__content{max-width:none}.ds-hero__hours-badge{padding:0;border-radius:0}.ds-hero__metrics{flex-wrap:wrap;gap:10px}.ds-hero__metric{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);min-width:0;padding:12px 10px}.ds-hero__metric-number{font-size:clamp(22px,6vw,28px)}.ds-hero__cta-btn{width:100%;justify-content:center;margin-top:20px}}
|
||||
@media(max-width:860px){.ds-hero{padding:40px 0}.ds-hero__inner{flex-direction:column}.ds-hero__visual{flex:none;width:100%;max-width:360px;height:auto;min-height:320px;margin:0 auto}.ds-hero__photo-frame{width:260px;height:260px;border-width:5px}.ds-hero__h1{font-size:32px;margin-bottom:20px}}
|
||||
@media(max-width:768px){.ds-hero__visual{display:none}.ds-hero__content{max-width:none;padding-inline:16px}.ds-hero__subtitle{max-width:100%}.ds-hero__hours-badge{padding:0;border-radius:0}.ds-hero__metrics{flex-wrap:wrap;gap:10px}.ds-hero__metric{flex:0 0 calc(50% - 5px);max-width:calc(50% - 5px);min-width:0;padding:12px 10px}.ds-hero__metric-number{font-size:clamp(22px,6vw,28px)}.ds-hero__cta-btn{width:100%;justify-content:center;margin-top:20px}}
|
||||
@media(max-width:480px){.ds-hero__h1{font-size:26px}.ds-hero__cta-btn{padding:14px 20px;font-size:15px}}
|
||||
@media(max-width:860px){.desktop{display:none!important}.mobile{display:flex!important}body{padding-top:30px}.header{position:fixed;top:0;z-index:100}.header-nav{padding:23px 10px}.top-header-row{padding:0;border-bottom:none}.header-logo img{width:158px;height:30px;margin-left:-10px}.icon-links{display:flex;gap:25px;align-items:center}.burger-btn{margin-left:5px;display:flex;flex-direction:column;gap:6px;width:24px;height:18px;background:0 0;border:none;padding:0}.burger-btn span{width:100%;height:2px;background-color:#fff;border-radius:1px}.bottom-header-row{position:absolute;right:10px;top:30px}.menu-wrapper{display:none;position:fixed;left:0;top:120px;z-index:999999;background:#fff;width:100%;height:calc(100vh - 130px);overflow:auto;padding-bottom:100px}.bottom-header-row.open .menu-wrapper{display:flex;flex-direction:column}.header-menu{width:100%;display:block;font-size:16px;padding:70px 10px 0}.header-nav a{color:#000}.header-menu .menu-item{padding:10px 0;border-bottom:1px solid #8c8c8c75}.header-menu .menu-item:last-child{border-bottom:none}.header-menu .menu-item-has-children{flex-direction:column;align-items:flex-start}.header-menu .menu-item-has-children::before{width:14px;height:18px;right:17px;background-image:url(../images/slider-arow.svg);rotate:-90deg}.header-menu .sub-menu{position:relative;top:100%;padding:0;visibility:hidden;width:max-content;gap:0;border-radius:0;overflow:hidden;max-height:0;background:#fff}.header-menu .menu-item-has-children:hover .sub-menu{visibility:visible;max-height:100vh}.header-menu .menu-item-has-children:hover::before{rotate:90deg}.btn-free-lesson-header{display:none;width:286px;margin:30px auto 0}.btn-close-menu{width:286px;margin:10px auto 0;background:#ffd43e;border-radius:10px;padding:10px;font-family:Oswald;font-weight:500;font-size:22px;display:flex;justify-content:center;text-transform:uppercase;color:var(--main-color);border:none;cursor:pointer}.icon-close-menu{position:absolute;top:6px;right:10px}}
|
||||
.sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:8px 16px max(12px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(255,255,255,.98) 60%,transparent)}
|
||||
|
||||
@ -213,7 +213,7 @@ html {
|
||||
padding: 6px 16px; background: rgba(255,255,255,0.12);
|
||||
color: rgba(255,255,255,0.9); border-radius: var(--radius-pill);
|
||||
font-size: var(--text-body-sm); font-weight: 600; width: fit-content;
|
||||
margin-bottom: 14px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.ds-hero__address svg { flex-shrink: 0; width: 16px; height: 16px; }
|
||||
.ds-hero__h1 {
|
||||
@ -221,19 +221,41 @@ html {
|
||||
font-size: clamp(36px, 4.2vw, 52px);
|
||||
font-weight: 500;
|
||||
line-height: 1.12;
|
||||
margin-bottom: 14px;
|
||||
margin: 0 0 20px;
|
||||
color: #fff;
|
||||
position: relative;
|
||||
}
|
||||
.ds-hero__h1::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 80px;
|
||||
height: 3px;
|
||||
margin-top: 12px;
|
||||
border-radius: 2px;
|
||||
background: linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-primary));
|
||||
background-size: 200% 100%;
|
||||
animation: h1Shimmer 3s ease-in-out infinite;
|
||||
}
|
||||
@keyframes h1Shimmer {
|
||||
0%, 100% { background-position: 0% 50%; }
|
||||
50% { background-position: 100% 50%; }
|
||||
}
|
||||
.ds-hero__subtitle {
|
||||
font-size: 18px; line-height: 1.55;
|
||||
color: var(--color-rating); margin-bottom: 28px;
|
||||
font-size: clamp(0.875rem, 1.1vw, 1.0625rem);
|
||||
font-weight: 400;
|
||||
line-height: 1.7;
|
||||
color: rgba(255,255,255,0.75);
|
||||
margin: 0 0 24px;
|
||||
max-width: 500px;
|
||||
}
|
||||
.ds-hero__subtitle strong {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
/* Metrics — стиль «glass card» как на /otzyvy/ */
|
||||
.ds-hero__metrics {
|
||||
display: flex; gap: 16px; margin-bottom: 32px;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
display: flex; gap: 16px; margin-bottom: 24px;
|
||||
}
|
||||
.ds-hero__metric {
|
||||
background: rgba(255,255,255,0.08);
|
||||
backdrop-filter: blur(4px);
|
||||
@ -492,12 +514,13 @@ html {
|
||||
.ds-hero__float--2 { bottom: 18%; left: -12px; font-size: 12px; padding: 6px 14px; }
|
||||
.ds-hero__float--3 { bottom: 2%; right: 5%; font-size: 12px; padding: 6px 14px; }
|
||||
.ds-hero__float--4 { display: none; }
|
||||
.ds-hero__h1 { font-size: 32px; }
|
||||
.ds-hero__h1 { font-size: 32px; margin-bottom: 20px; }
|
||||
.ds-hero__cta-btn { margin-top: 16px; }
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.ds-hero__visual { display: none; }
|
||||
.ds-hero__content { max-width: none; }
|
||||
.ds-hero__content { max-width: none; padding-inline: 16px; }
|
||||
.ds-hero__subtitle { max-width: 100%; }
|
||||
.ds-hero__hours-badge { padding: 0; border-radius: 0; }
|
||||
.ds-hero__metrics { flex-wrap: wrap; gap: 10px; }
|
||||
.ds-hero__metric {
|
||||
@ -512,6 +535,7 @@ html {
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.ds-hero__h1 { font-size: 26px; }
|
||||
.ds-hero__h1::after { width: 60px; }
|
||||
.ds-hero__metrics { gap: 6px; }
|
||||
.ds-hero__metric { padding: 10px 8px; }
|
||||
.ds-hero__metric-number { font-size: 20px; }
|
||||
|
||||
@ -108,7 +108,7 @@ if (! empty($extra_msgs) && is_array($extra_msgs)) {
|
||||
|
||||
<h1 id="hero-front-title" class="ds-hero__h1"><?php echo esc_html(crb_get_post_meta($post_id, 'banner_h1', 'Частная школа ' . $branch_city_prep)); ?></h1>
|
||||
|
||||
<p class="ds-hero__subtitle">Небольшие классы до 15 человек, опытные педагоги и углублённый английский с 1‑го класса. Учебные занятия проходят в первую половину дня (до 13:00). После обеда — продлёнка с досуговыми занятиями, прогулками и помощью с домашними заданиями (до 19:00). Можно забрать ребёнка после уроков или оставить на продлёнку. В продлёнку входят обед, полдник, помощь с ДЗ и кружки. Индивидуальный подход к каждому ученику. Приходите посмотреть школу и познакомиться с учителем. Открыт набор на <span class="ds-hero__year"><?php echo esc_html($school_year); ?></span> учебный год.</p>
|
||||
<p class="ds-hero__subtitle"><strong>Небольшие классы до 15 человек</strong>, опытные педагоги и углублённый английский с 1‑го класса. Учебные занятия — в первую половину дня (<strong>до 13:00</strong>). После обеда — продлёнка с досуговыми занятиями, прогулками и помощью с домашними заданиями (<strong>до 19:00</strong>).<br><br>Можно забрать ребёнка после уроков или оставить на продлёнку. В продлёнку входят обед, полдник, помощь с ДЗ и кружки. Индивидуальный подход к каждому ученику. Открыт набор на <span class="ds-hero__year"><?php echo esc_html($school_year); ?></span> учебный год.</p>
|
||||
|
||||
<?php if (! empty($floats)) : ?>
|
||||
<div class="ds-hero__mobile-usps">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user