Spaces:
Running
Running
File size: 5,301 Bytes
73b09d2 b74507c 73b09d2 f09ce23 b74507c 73b09d2 f09ce23 de55c85 f09ce23 73b09d2 adabb1c 73b09d2 c68edee 73b09d2 adabb1c b74507c adabb1c 73b09d2 c68edee 73b09d2 b74507c 2e2bbf4 b74507c f09ce23 b74507c f09ce23 b74507c 73b09d2 b74507c f4a7814 f09ce23 c68edee b74507c c68edee f09ce23 b74507c 73b09d2 b74507c 73b09d2 b74507c f09ce23 b74507c c68edee f09ce23 b74507c 73b09d2 f09ce23 b74507c c68edee f09ce23 de55c85 7d02603 de55c85 73b09d2 f09ce23 73b09d2 c68edee 73b09d2 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 |
<!DOCTYPE html>
<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> |