Hugging Face's logo

Spaces:
holmgardstudio
/
dev
Running

App Files Community
Aleksmorshen commited on
Commit
c68edee
·
verified ·
1 Parent(s): 64c6e4d

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +22 -19
index.html CHANGED
@@ -3,11 +3,11 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>HOLMGARD - Цифровые решения премиум-класса</title>
7
  <link rel="stylesheet" href="styles.css">
8
  <link rel="preconnect" href="https://fonts.googleapis.com">
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
11
  </head>
12
  <body>
13
  <!-- Header -->
@@ -26,9 +26,10 @@
26
 
27
  <!-- Hero Section -->
28
  <section class="hero">
 
29
  <div class="container">
30
  <h1 class="hero-title">HOLMGARD</h1>
31
- <p class="hero-subtitle">Создаем цифровые решения, которые меняют правила игры</p>
32
  <a href="https://wa.me/996500398754" class="hero-btn">Начать проект</a>
33
  </div>
34
  </section>
@@ -36,33 +37,33 @@
36
  <!-- Services Section -->
37
  <section id="services" class="services">
38
  <div class="container">
39
- <h2 class="section-title">Что мы предлагаем</h2>
40
  <div class="services-grid">
41
  <div class="service-card">
42
  <h3>Веб-разработка</h3>
43
- <p>Современные сайты, которые привлекают внимание.</p>
44
  <ul class="benefits">
45
- <li>⚡ Быстрая загрузка и адаптивность</li>
46
- <li>⚡ Уникальный дизайн под ваш бренд</li>
47
- <li>⚡ SEO-оптимизация для роста</li>
48
  </ul>
49
  </div>
50
  <div class="service-card">
51
  <h3>PWA</h3>
52
- <p>Прогрессивные веб-приложения для любых устройств.</p>
53
  <ul class="benefits">
54
- <li>⚡ Работают оффлайн</li>
55
- <li>⚡ Быстрая установка на устройства</li>
56
- <li>⚡ Экономия на разработке</li>
57
  </ul>
58
  </div>
59
  <div class="service-card">
60
  <h3>Программное обеспечение</h3>
61
- <p>Кастомные решения для бизнеса.</p>
62
  <ul class="benefits">
63
- <li>⚡ Полная интеграция с вашими системами</li>
64
- <li>⚡ Автоматизация процессов</li>
65
- <li>⚡ Надежная поддержка</li>
66
  </ul>
67
  </div>
68
  </div>
@@ -72,9 +73,9 @@
72
  <!-- Contact Section -->
73
  <section id="contact" class="contact">
74
  <div class="container">
75
- <h2 class="section-title">Давайте работать вместе</h2>
76
- <p class="contact-text">Готовы к переменам? Напишите нам прямо сейчас!</p>
77
- <a href="https://wa.me/996500398754" class="contact-btn">Связаться в WhatsApp</a>
78
  </div>
79
  </section>
80
 
@@ -85,6 +86,8 @@
85
  </div>
86
  </footer>
87
 
 
 
88
  <script src="script.js"></script>
89
  </body>
90
  </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>HOLMGARD - Цифровые решения будущего</title>
7
  <link rel="stylesheet" href="styles.css">
8
  <link rel="preconnect" href="https://fonts.googleapis.com">
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
+ <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&display=swap" rel="stylesheet">
11
  </head>
12
  <body>
13
  <!-- Header -->
 
26
 
27
  <!-- Hero Section -->
28
  <section class="hero">
29
+ <div class="canvas-container" id="three-canvas"></div>
30
  <div class="container">
31
  <h1 class="hero-title">HOLMGARD</h1>
32
+ <p class="hero-subtitle">Цифровые решения, которые опережают время</p>
33
  <a href="https://wa.me/996500398754" class="hero-btn">Начать проект</a>
34
  </div>
35
  </section>
 
37
  <!-- Services Section -->
38
  <section id="services" class="services">
39
  <div class="container">
40
+ <h2 class="section-title">Наши услуги</h2>
41
  <div class="services-grid">
42
  <div class="service-card">
43
  <h3>Веб-разработка</h3>
44
+ <p>Создаем сайты, которые впечатляют.</p>
45
  <ul class="benefits">
46
+ <li>✨ Адаптивный дизайн премиум-класса</li>
47
+ <li>✨ Молниеносная загрузка</li>
48
+ <li>✨ SEO-оптимизация для лидерства</li>
49
  </ul>
50
  </div>
51
  <div class="service-card">
52
  <h3>PWA</h3>
53
+ <p>Прогрессивные приложения для любых устройств.</p>
54
  <ul class="benefits">
55
+ <li>✨ Оффлайн-доступ</li>
56
+ <li>✨ Установка как нативное приложение</li>
57
+ <li>✨ Высокая производительность</li>
58
  </ul>
59
  </div>
60
  <div class="service-card">
61
  <h3>Программное обеспечение</h3>
62
+ <p>Индивидуальные решения для бизнеса.</p>
63
  <ul class="benefits">
64
+ <li>✨ Интеграция с вашими системами</li>
65
+ <li>✨ Автоматизация процессов</li>
66
+ <li>✨ Поддержка 24/7</li>
67
  </ul>
68
  </div>
69
  </div>
 
73
  <!-- Contact Section -->
74
  <section id="contact" class="contact">
75
  <div class="container">
76
+ <h2 class="section-title">Готовы к переменам?</h2>
77
+ <p class="contact-text">Давайте создадим будущее вместе!</p>
78
+ <a href="https://wa.me/996500398754" class="contact-btn">Написать в WhatsApp</a>
79
  </div>
80
  </section>
81
 
 
86
  </div>
87
  </footer>
88
 
89
+ <!-- Подключение Three.js -->
90
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>
91
  <script src="script.js"></script>
92
  </body>
93
  </html>