добавил карту

This commit is contained in:
2026-04-22 21:38:23 +03:00
parent 78d0d67f35
commit ec10c7f9de
2 changed files with 96 additions and 0 deletions

View File

@@ -1186,6 +1186,64 @@
background: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.18);
} }
.location-map-grid {
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 18px;
align-items: stretch;
}
.location-map-info {
display: grid;
gap: 12px;
align-content: start;
}
.location-map-info h3 {
margin: 0;
font-size: clamp(24px, 3.1vw, 34px);
line-height: 1.08;
}
.location-map-info p {
margin: 0;
color: var(--muted);
line-height: 1.7;
max-width: 44ch;
}
.location-map-info .contact-quick-actions {
margin-top: 6px;
max-width: 320px;
}
.location-map-info .contact-quick-link {
color: var(--primary-strong);
background: rgba(13, 79, 214, 0.08);
border-color: rgba(13, 79, 214, 0.14);
}
.location-map-info .contact-quick-link:hover {
background: rgba(13, 79, 214, 0.16);
}
.location-map-frame {
min-height: 380px;
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: var(--shadow);
border: 1px solid rgba(18, 48, 89, 0.1);
background: rgba(255, 255, 255, 0.82);
}
.location-map-frame iframe {
width: 100%;
height: 100%;
min-height: 380px;
border: 0;
display: block;
}
.contact-form { .contact-form {
display: grid; display: grid;
gap: 12px; gap: 12px;
@@ -1447,6 +1505,7 @@
.delivery-grid, .delivery-grid,
.segments-grid, .segments-grid,
.contacts-grid, .contacts-grid,
.location-map-grid,
.footer-grid, .footer-grid,
.hero-notes, .hero-notes,
.hero-stats { .hero-stats {
@@ -1496,6 +1555,11 @@
width: 100%; width: 100%;
} }
.location-map-frame,
.location-map-frame iframe {
min-height: 320px;
}
.toggle-button, .toggle-button,
.button, .button,
.ghost-button, .ghost-button,

View File

@@ -691,6 +691,38 @@ get_header( 'test1' );
</div> </div>
</div> </div>
</section> </section>
<section class="section" id="location-map">
<div class="container">
<div class="section-head">
<div>
<span class="eyebrow">На карте</span>
<h2 class="section-title">Как нас найти в Севастополе</h2>
</div>
<p class="section-copy">Пункт приема заявок и выдачи расположен по адресу: ул. Генерала Острякова, 92. Ниже - Яндекс Карта с меткой и быстрым переходом в навигатор.</p>
</div>
<div class="location-map-grid">
<article class="glass-card location-map-info reveal">
<h3>Адрес для посещения</h3>
<p>г. Севастополь, ул. Генерала Острякова, 92</p>
<div class="contact-quick-actions">
<a class="contact-quick-link" target="_blank" rel="noopener noreferrer" href="https://yandex.ru/maps/?text=%D0%A1%D0%B5%D0%B2%D0%B0%D1%81%D1%82%D0%BE%D0%BF%D0%BE%D0%BB%D1%8C%2C%20%D1%83%D0%BB.%20%D0%93%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D0%BB%D0%B0%20%D0%9E%D1%81%D1%82%D1%80%D1%8F%D0%BA%D0%BE%D0%B2%D0%B0%2C%2092">Открыть в Яндекс Картах</a>
</div>
</article>
<div class="location-map-frame reveal reveal-delay-1" aria-label="Яндекс Карта с адресом ул. Генерала Острякова, 92, Севастополь">
<iframe
src="https://yandex.ru/map-widget/v1/?mode=search&text=%D0%A1%D0%B5%D0%B2%D0%B0%D1%81%D1%82%D0%BE%D0%BF%D0%BE%D0%BB%D1%8C%2C%20%D1%83%D0%BB.%20%D0%93%D0%B5%D0%BD%D0%B5%D1%80%D0%B0%D0%BB%D0%B0%20%D0%9E%D1%81%D1%82%D1%80%D1%8F%D0%BA%D0%BE%D0%B2%D0%B0%2C%2092&z=16"
title="Карта: ул. Генерала Острякова, 92, Севастополь"
loading="lazy"
referrerpolicy="origin"
allowfullscreen>
</iframe>
</div>
</div>
</div>
</section>
</main> </main>
<div class="modal-backdrop" id="orderModal" aria-hidden="true"> <div class="modal-backdrop" id="orderModal" aria-hidden="true">