/
Krouli
/
Project_D
Обзор
Документация
Войти
/
Krouli
/
Project_D
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
map.html
101 строка
5 KB
Krouli
upload files
18 дек 2025, 19:16
18 дек 2025, 19:16
63f7ab2
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Карта магазинов - Project D</title> <link rel="stylesheet" href="style.css"> <script src="https://api-maps.yandex.ru/2.1/?apikey=ваш_API_ключ&lang=ru_RU" type="text/javascript"></script> </head> <body> <div class="loader" id="loader"> <div class="loader-spinner"></div> </div> <header> <div class="logo-container"> <img class="logo" src="photos/Project_d_logo.webp" alt="Project D Logo"> </div> <nav> <ul> <li><a href="index.html">Главная</a></li> <li><a href="cars.html">Автомобили</a></li> <li><a href="map.html" class="active">Карта</a></li> <li id="nav-auth"> <a href="contact.html">Войти</a> </li> <li id="nav-user" style="display: none;"> <a href="dashboard.html">Личный кабинет</a> </li> <li id="nav-logout" style="display: none;"> <a href="#" id="logout-link">Выход</a> </li> </ul> </nav> </header> <main> <section class="hero-section map-hero"> <h1 class="main-title">Наши магазины и представительства</h1> <p class="subtitle">Главный магазин находится в Ростове-на-Дону</p> <div style="background: rgba(255, 0, 0, 0.2); padding: 10px 20px; border-radius: 10px; margin-top: 1rem; display: inline-block; border-left: 4px solid #ff0000;"> <p style="margin: 0; color: white; font-weight: bold;">🏢 Главный магазин: ул. Большая Садовая, 106, Ростов-на-Дону</p> </div> </section> <section class="content-section"> <div class="content-container"> <div id="map" style="width: 100%; height: 600px; border-radius: 15px;"></div> <div class="map-controls" style="margin-top: 2rem; display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center;"> <button class="btn" id="find-me-btn" style="background-color: #2196F3;"> <span class="btn-text">📍 Найти меня</span> </button> <button class="btn" id="reset-view-btn"> <span class="btn-text">🗺️ На главный магазин</span> </button> </div> <div id="nearest-dealer-info" style=" margin-top: 2rem; padding: 1.5rem; background: rgba(255, 85, 0, 0.1); border-radius: 10px; display: none; "> <h3 style="color: #ff5500; margin-bottom: 0.5rem;">🎯 Ближайший к вам магазин</h3> <p id="nearest-dealer-text" style="margin: 0;"></p> </div> </div> </section> </main> <footer> <p>© 2025 Project D. Все права защищены.</p> </footer> <script src="cars.js"></script> <script> // Инициализация кнопок после загрузки DOM document.addEventListener('DOMContentLoaded', function() { document.getElementById('test-drive-btn')?.addEventListener('click', function() { NotificationSystem.show('Запишитесь на тест-драйв по телефону: +7 (863) 303-03-03', 'info'); }); document.getElementById('working-hours-btn')?.addEventListener('click', function() { NotificationSystem.show('Главный магазин в Ростове-на-Дону работает с 9:00 до 21:00 без выходных', 'info'); }); document.getElementById('contacts-btn')?.addEventListener('click', function() { NotificationSystem.show('Главный магазин: +7 (863) 303-03-03 (Ростов-на-Дону)', 'info'); }); // Скрываем loader setTimeout(() => { document.getElementById('loader').classList.add('hidden'); }, 1000); }); </script> </body> </html>