Hugging Face's logo

Spaces:
holmgardstudio
/
dev
Running

App Files Community
Aleksmorshen commited on
Commit
b74507c
·
verified ·
1 Parent(s): 54b31a0

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +22 -18
index.html CHANGED
@@ -3,18 +3,18 @@
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 -->
14
  <header class="header">
15
  <div class="container">
16
  <div class="logo">
17
- <img src="https://huggingface.co/spaces/holmgardstudio/dev/resolve/main/image.jpg" alt="HOLMGARD Logo" class="logo-img">
18
  </div>
19
  <nav class="nav">
20
  <a href="#services">Услуги</a>
@@ -29,7 +29,7 @@
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>
@@ -39,42 +39,46 @@
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>
 
70
  </div>
71
  </section>
72
 
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>
 
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=Poppins:wght@400;600;800&display=swap" rel="stylesheet">
11
  </head>
12
  <body>
13
  <!-- Header -->
14
  <header class="header">
15
  <div class="container">
16
  <div class="logo">
17
+ <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">
18
  </div>
19
  <nav class="nav">
20
  <a href="#services">Услуги</a>
 
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>
 
39
  <div class="container">
40
  <h2 class="section-title">Наши услуги</h2>
41
  <div class="services-grid">
42
+ <div class="service-card" data-service="Веб-разработка">
43
  <h3>Веб-разработка</h3>
44
+ <p>Премиальные сайты с уникальным дизайном.</p>
45
  <ul class="benefits">
46
+ <li>✨ Адаптивность и скорость</li>
47
+ <li>✨ Уникальный дизайн</li>
48
+ <li>✨ SEO-оптимизация</li>
49
  </ul>
50
+ <button class="add-to-cart-btn">Добавить в корзину</button>
51
  </div>
52
+ <div class="service-card" data-service="PWA">
53
  <h3>PWA</h3>
54
+ <p>Прогрессивные приложения для бизнеса.</p>
55
  <ul class="benefits">
56
  <li>✨ Оффлайн-доступ</li>
57
+ <li>✨ Нативная установка</li>
58
  <li>✨ Высокая производительность</li>
59
  </ul>
60
+ <button class="add-to-cart-btn">Добавить в корзину</button>
61
  </div>
62
+ <div class="service-card" data-service="Программное обеспечение">
63
  <h3>Программное обеспечение</h3>
64
+ <p>Кастомные решения для вашего успеха.</p>
65
  <ul class="benefits">
66
+ <li>✨ Полная интеграция</li>
67
+ <li>✨ Автоматизация</li>
68
  <li>✨ Поддержка 24/7</li>
69
  </ul>
70
+ <button class="add-to-cart-btn">Добавить в корзину</button>
71
  </div>
72
  </div>
73
+ <button class="calculate-btn">Рассчитать стоимость</button>
74
  </div>
75
  </section>
76
 
77
  <!-- Contact Section -->
78
  <section id="contact" class="contact">
79
  <div class="container">
80
+ <h2 class="section-title">Готовы к инновациям?</h2>
81
+ <p class="contact-text">Свяжитесь с нами для старта проекта!</p>
82
  <a href="https://wa.me/996500398754" class="contact-btn">Написать в WhatsApp</a>
83
  </div>
84
  </section>