правки test1
This commit is contained in:
BIN
2026-04-05_19-39-20.png
Normal file
BIN
2026-04-05_19-39-20.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
36
index3.css
36
index3.css
@@ -109,6 +109,7 @@
|
|||||||
border: 1px solid rgba(255, 255, 255, 0.75);
|
border: 1px solid rgba(255, 255, 255, 0.75);
|
||||||
box-shadow: 0 10px 30px rgba(13, 79, 214, 0.08);
|
box-shadow: 0 10px 30px rgba(13, 79, 214, 0.08);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
margin-bottom: 15px;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
letter-spacing: 0.08em;
|
letter-spacing: 0.08em;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
@@ -841,6 +842,38 @@
|
|||||||
margin-top: 18px;
|
margin-top: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.delivery-highlights {
|
||||||
|
display: grid;
|
||||||
|
gap: 12px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delivery-highlight-card {
|
||||||
|
padding: 16px;
|
||||||
|
border-radius: 18px;
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
||||||
|
}
|
||||||
|
|
||||||
|
.delivery-highlight-card strong {
|
||||||
|
display: block;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.25;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delivery-highlight-card span {
|
||||||
|
display: block;
|
||||||
|
margin-top: 6px;
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
line-height: 1.55;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delivery-cta {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
.delivery-wave {
|
.delivery-wave {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 180%;
|
width: 180%;
|
||||||
@@ -1451,7 +1484,8 @@
|
|||||||
animation: rise 0.8s ease forwards;
|
animation: rise 0.8s ease forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reveal-delay-1 { animation-delay: 0.08s; }
|
.reveal-delay-1 { animation-delay: 0.08s;
|
||||||
|
border-radius: var(--radius-xl); }
|
||||||
.reveal-delay-2 { animation-delay: 0.16s; }
|
.reveal-delay-2 { animation-delay: 0.16s; }
|
||||||
.reveal-delay-3 { animation-delay: 0.24s; }
|
.reveal-delay-3 { animation-delay: 0.24s; }
|
||||||
.reveal-delay-4 { animation-delay: 0.32s; }
|
.reveal-delay-4 { animation-delay: 0.32s; }
|
||||||
|
|||||||
25
index3.html
25
index3.html
@@ -109,7 +109,7 @@
|
|||||||
<span class="signal-pill">Маршрут активен</span>
|
<span class="signal-pill">Маршрут активен</span>
|
||||||
<h2>Сегодня в доставке: центральные и прибрежные районы</h2>
|
<h2>Сегодня в доставке: центральные и прибрежные районы</h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="chip">SEO: вода 19 литров с доставкой</div>
|
<div class="chip">вода 19 литров с доставкой</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="hero-notes">
|
<div class="hero-notes">
|
||||||
@@ -323,7 +323,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="delivery-map reveal reveal-delay-1" aria-label="Карта районов доставки">
|
<div class="delivery-map reveal reveal-delay-1" aria-label="Информация о маршрутах доставки">
|
||||||
<span class="eyebrow eyebrow-inverse">Активные маршруты</span>
|
<span class="eyebrow eyebrow-inverse">Активные маршруты</span>
|
||||||
<h3 class="section-heading-compact section-heading-delivery">Заказать воду на дом или в офис можно по всему городу</h3>
|
<h3 class="section-heading-compact section-heading-delivery">Заказать воду на дом или в офис можно по всему городу</h3>
|
||||||
<div class="zones">
|
<div class="zones">
|
||||||
@@ -332,12 +332,21 @@
|
|||||||
<span class="zone-card">Нахимовский район</span>
|
<span class="zone-card">Нахимовский район</span>
|
||||||
<span class="zone-card">Балаклава</span>
|
<span class="zone-card">Балаклава</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="delivery-pins" aria-hidden="true">
|
|
||||||
<div class="delivery-wave"></div>
|
<div class="delivery-highlights">
|
||||||
<div class="pin one">Остряки</div>
|
<article class="delivery-highlight-card">
|
||||||
<div class="pin two">Центр</div>
|
<strong>Ближайшее окно</strong>
|
||||||
<div class="pin three">Стрелецкая</div>
|
<span>Сегодня с 12:00 до 14:00, подтверждаем время заранее.</span>
|
||||||
<div class="pin four">Камышовая</div>
|
</article>
|
||||||
|
<article class="delivery-highlight-card">
|
||||||
|
<strong>Быстрое подтверждение</strong>
|
||||||
|
<span>Связываемся в течение 15 минут в рабочее время.</span>
|
||||||
|
</article>
|
||||||
|
<article class="delivery-highlight-card">
|
||||||
|
<strong>Сервис на месте</strong>
|
||||||
|
<span>Подъем воды, замена бутыли и вывоз пустой тары по запросу.</span>
|
||||||
|
</article>
|
||||||
|
<button class="button delivery-cta" data-open-order>Оставить заявку на доставку</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user