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;700&display=swap" rel="stylesheet"> | |
| </head> | |
| <body> | |
| <!-- Header --> | |
| <header class="header"> | |
| <div class="container"> | |
| <div class="logo"> | |
| <img src="https://huggingface.co/spaces/holmgardstudio/dev/resolve/main/image.jpg" alt="HOLMGARD Logo" class="logo-img"> | |
| </div> | |
| <nav class="nav"> | |
| <a href="#services">Услуги</a> | |
| <a href="#portfolio">Портфолио</a> | |
| <a href="#contact">Контакты</a> | |
| </nav> | |
| <button class="cta-btn">Связаться</button> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="hero"> | |
| <div class="container"> | |
| <h1 class="hero-title">HOLMGARD<br>Цифровое будущее начинается здесь</h1> | |
| <p class="hero-subtitle">Создаем сайты, PWA и программы, которые покоряют мир</p> | |
| <a href="https://wa.me/996500398754" class="hero-btn">Связаться в WhatsApp</a> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="services"> | |
| <div class="container"> | |
| <h2>Наши услуги</h2> | |
| <div class="services-grid"> | |
| <div class="service-card"> | |
| <h3>Веб-разработка</h3> | |
| <p>Современные сайты с адаптивным дизайном.</p> | |
| <ul class="benefits"> | |
| <li>🔹 Быстрая загрузка под любые устройства</li> | |
| <li>🔹 SEO-оптимизация для топ-10 в Google</li> | |
| <li>🔹 Индивидуальный дизайн по вашим идеям</li> | |
| </ul> | |
| </div> | |
| <div class="service-card"> | |
| <h3>PWA (Прогрессивные веб-приложения)</h3> | |
| <p>Гибридные приложения для максимальной конверсии.</p> | |
| <ul class="benefits"> | |
| <li>🔹 Работа без интернета</li> | |
| <li>🔹 Установка как нативное приложение</li> | |
| <li>🔹 Снижение затрат на разработку</li> | |
| </ul> | |
| </div> | |
| <div class="service-card"> | |
| <h3>Программное обеспечение</h3> | |
| <p>Кастомные решения для вашего бизнеса.</p> | |
| <ul class="benefits"> | |
| <li>🔹 Полная интеграция с вашими системами</li> | |
| <li>🔹 Автоматизация процессов</li> | |
| <li>🔹 Поддержка 24/7</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Portfolio Section --> | |
| <section id="portfolio" class="portfolio"> | |
| <div class="container"> | |
| <h2>Наше портфолио</h2> | |
| <div class="portfolio-grid"> | |
| <div class="portfolio-item">Проект 1</div> | |
| <div class="portfolio-item">Проект 2</div> | |
| <div class="portfolio-item">Проект 3</div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="contact"> | |
| <div class="container"> | |
| <h2>Свяжитесь с нами</h2> | |
| <p>Готовы начать? Напишите нам!</p> | |
| <a href="https://wa.me/996500398754" class="contact-btn">Написать в WhatsApp</a> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <div class="container"> | |
| <p>© 2025 HOLMGARD. Все права защищены.</p> | |
| </div> | |
| </footer> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |