Venera/sozdat-sayt-po-topovym-lokat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Опубликовано через кнопку

Browse Source
This commit is contained in:
Venera 2026-09-02 10:05:43 +00:00
parent 543f1c9fb4
commit 39b30c19c4
1 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="ru" data-theme="dark"> <html lang="ru" data-theme="light">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
@ -15,11 +15,11 @@
.location-card img { width: 100%; height: 240px; object-fit: cover; display: block; } .location-card img { width: 100%; height: 240px; object-fit: cover; display: block; }
.location-card .kt-ai-card { border-radius: 0; } .location-card .kt-ai-card { border-radius: 0; }
.location-tag { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; margin-bottom: 12px; } .location-tag { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; margin-bottom: 12px; }
.tag-mosque { background: #1e3a5f; color: #9beeff; } .tag-mosque { background: #e3f2fd; color: #1565c0; }
.tag-palace { background: #5f1e3a; color: #ff9ebb; } .tag-palace { background: #fce4ec; color: #c2185b; }
.tag-market { background: #1e5f3a; color: #9effd4; } .tag-market { background: #e8f5e9; color: #2e7d32; }
.tag-view { background: #5f4a1e; color: #ffe89b; } .tag-view { background: #fff8e1; color: #f57f17; }
.tag-museum { background: #4a1e5f; color: #d49eff; } .tag-museum { background: #f3e5f5; color: #6a1b9a; }
.route-step { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 20px; } .route-step { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 20px; }
.route-time { min-width: 80px; font-weight: 600; color: var(--kt-ai-fg-muted); } .route-time { min-width: 80px; font-weight: 600; color: var(--kt-ai-fg-muted); }
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; } .reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }
@ -198,6 +198,25 @@
</div> </div>
</section> </section>
<section id="map" class="kt-ai-section" data-divider="true">
<div class="kt-ai-wrap">
<div class="kt-ai-section-head">
<h2>Карта локаций</h2>
<p>Все 7 мест на карте — удобно планировать маршрут</p>
</div>
<iframe
src="https://www.google.com/maps/d/embed?mid=1lMGCm8F3qQbWvGJzKzE5z8ZxZqY&ehbc=2E312F"
width="100%"
height="520"
style="border:0; border-radius: var(--kt-ai-radius-3xl);"
loading="lazy">
</iframe>
<p style="text-align: center; color: var(--kt-ai-fg-muted); margin-top: 16px;">
📍 Айя-София • Голубая мечеть • Топкапы • Гранд-базар • Галатская башня • Цистерна Базилика • Босфор
</p>
</div>
</section>
<section class="kt-ai-cta"> <section class="kt-ai-cta">
<div class="kt-ai-wrap"> <div class="kt-ai-wrap">
<h2>Хотите индивидуальный маршрут?</h2> <h2>Хотите индивидуальный маршрут?</h2>