Hugging Face's logo

Spaces:
holmgardstudio
/
dev
Running

App Files Community
Aleksmorshen commited on
Commit
adabb1c
·
verified ·
1 Parent(s): 8bcfaea

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +23 -36
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=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
11
  </head>
12
  <body>
13
  <!-- Header -->
@@ -18,76 +18,63 @@
18
  </div>
19
  <nav class="nav">
20
  <a href="#services">Услуги</a>
21
- <a href="#portfolio">Портфолио</a>
22
  <a href="#contact">Контакты</a>
23
  </nav>
24
- <button class="cta-btn">Связаться</button>
25
  </div>
26
  </header>
27
 
28
  <!-- Hero Section -->
29
  <section class="hero">
30
  <div class="container">
31
- <h1 class="hero-title">HOLMGARD<br>Цифровое будущее начинается здесь</h1>
32
- <p class="hero-subtitle">Создаем сайты, PWA и программы, которые покоряют мир</p>
33
- <a href="https://wa.me/996500398754" class="hero-btn">Связаться в WhatsApp</a>
34
  </div>
35
  </section>
36
 
37
  <!-- Services Section -->
38
  <section id="services" class="services">
39
  <div class="container">
40
- <h2>Наши услуги</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>🔹 SEO-оптимизация для топ-10 в Google</li>
48
- <li>🔹 Индивидуальный дизайн по вашим идеям</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
- <!-- Portfolio Section -->
74
- <section id="portfolio" class="portfolio">
75
- <div class="container">
76
- <h2>Наше портфолио</h2>
77
- <div class="portfolio-grid">
78
- <div class="portfolio-item">Проект 1</div>
79
- <div class="portfolio-item">Проект 2</div>
80
- <div class="portfolio-item">Проект 3</div>
81
- </div>
82
- </div>
83
- </section>
84
-
85
  <!-- Contact Section -->
86
  <section id="contact" class="contact">
87
  <div class="container">
88
- <h2>Свяжитесь с нами</h2>
89
- <p>Готовы начать? Напишите нам!</p>
90
- <a href="https://wa.me/996500398754" class="contact-btn">Написать в WhatsApp</a>
91
  </div>
92
  </section>
93
 
 
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 -->
 
18
  </div>
19
  <nav class="nav">
20
  <a href="#services">Услуги</a>
 
21
  <a href="#contact">Контакты</a>
22
  </nav>
23
+ <a href="https://wa.me/996500398754" class="cta-btn">Связаться</a>
24
  </div>
25
  </header>
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>
35
 
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>
69
  </div>
70
  </section>
71
 
 
 
 
 
 
 
 
 
 
 
 
 
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