Spaces:
Running
Running
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>HOLMGARD - Цифровые инновации мирового уровня</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <!-- Header --> | |
| <header class="header"> | |
| <div class="container"> | |
| <div class="logo"> | |
| <div class="logo-wrapper"> | |
| <img src="https://huggingface.co/spaces/holmgardstudio/dev/resolve/main/Picsart_25-03-13_08-50-19-478.png" alt="HOLMGARD Logo" class="logo-img"> | |
| </div> | |
| </div> | |
| <nav class="nav"> | |
| <a href="#services">Услуги</a> | |
| <a href="#contact">Контакты</a> | |
| </nav> | |
| <a href="https://wa.me/996500398754" class="cta-btn">Связаться</a> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="hero"> | |
| <div class="canvas-container" id="three-canvas"></div> | |
| <div class="container"> | |
| <h1 class="hero-title">HOLMGARD</h1> | |
| <p class="hero-subtitle">Инновации, которые меняют мир</p> | |
| <a href="https://wa.me/996500398754" class="hero-btn">Начать проект</a> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="services"> | |
| <div class="container"> | |
| <h2 class="section-title">Наши услуги</h2> | |
| <div class="services-grid"> | |
| <div class="service-card" data-service="Веб-разработка"> | |
| <h3>Разработка сайтов</h3> | |
| <p>Премиальные сайты с уникальным дизайном.</p> | |
| <ul class="benefits"> | |
| <li>✨ Адаптивность и скорость</li> | |
| <li>✨ Уникальный дизайн</li> | |
| <li>✨ SEO-оптимизация</li> | |
| </ul> | |
| <button class="add-to-cart-btn">Добавить в корзину</button> | |
| </div> | |
| <div class="service-card" data-service="PWA"> | |
| <h3>PWA приложения</h3> | |
| <p>Создание мобильных приложений для бизнеса и не только .</p> | |
| <ul class="benefits"> | |
| <li>✨ Оффлайн-доступ</li> | |
| <li>✨ Нативная установка</li> | |
| <li>✨ Высокая производительность</li> | |
| </ul> | |
| <button class="add-to-cart-btn">Добавить в корзину</button> | |
| </div> | |
| <div class="service-card" data-service="Программное обеспечение"> | |
| <h3>Программное обеспечение</h3> | |
| <p>Кастомные решения для вашего успеха.</p> | |
| <ul class="benefits"> | |
| <li>✨ Полная интеграция</li> | |
| <li>✨ Автоматизация</li> | |
| <li>✨ Поддержка 24/7</li> | |
| </ul> | |
| <button class="add-to-cart-btn">Добавить в корзину</button> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="contact"> | |
| <div class="container"> | |
| <h2 class="section-title">Готовы к инновациям?</h2> | |
| <p class="contact-text">Свяжитесь с нами для старта проекта!</p> | |
| <a href="https://wa.me/996500398754" class="contact-btn">Написать в WhatsApp</a> | |
| </div> | |
| </section> | |
| <!-- Floating Cart Icon --> | |
| <div class="cart-icon" id="cartIcon"> | |
| 🛒 <span class="cart-count" id="cartCount">0</span> | |
| </div> | |
| <!-- Cart Modal --> | |
| <div class="cart-modal" id="cartModal"> | |
| <div class="cart-modal-content"> | |
| <span class="close-modal" id="closeModal">×</span> | |
| <h2>Ваша корзина</h2> | |
| <ul class="cart-items" id="cartItems"></ul> | |
| <button class="clear-cart-btn" id="clearCartBtn">Очистить корзину</button> | |
| <button class="calculate-btn" id="calculateBtn">Рассчитать стоимость</button> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <div class="container"> | |
| <p>© 2025 HOLMGARD. Все права защищены.</p> | |
| </div> | |
| </footer> | |
| <!-- Подключение Three.js --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |