Aleksmorshen commited on
Commit
f09ce23
·
verified ·
1 Parent(s): dd58d78

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +51 -10
index.html CHANGED
@@ -3,29 +3,34 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Digital Studio - Создаем будущее</title>
7
  <link rel="stylesheet" href="styles.css">
 
 
 
8
  </head>
9
  <body>
10
  <!-- Header -->
11
  <header class="header">
12
  <div class="container">
13
- <div class="logo">DigitalFlow</div>
 
 
14
  <nav class="nav">
15
  <a href="#services">Услуги</a>
16
  <a href="#portfolio">Портфолио</a>
17
  <a href="#contact">Контакты</a>
18
  </nav>
19
- <button class="cta-btn">Заказать проект</button>
20
  </div>
21
  </header>
22
 
23
  <!-- Hero Section -->
24
  <section class="hero">
25
  <div class="container">
26
- <h1 class="hero-title">Создаем цифровые шедевры</h1>
27
- <p class="hero-subtitle">Веб-сайты, PWA, приложения от идеи до запуска</p>
28
- <button class="hero-btn">Узнать больше</button>
29
  </div>
30
  </section>
31
 
@@ -36,24 +41,60 @@
36
  <div class="services-grid">
37
  <div class="service-card">
38
  <h3>Веб-разработка</h3>
39
- <p>Современные сайты с уникальным дизайном.</p>
 
 
 
 
 
40
  </div>
41
  <div class="service-card">
42
- <h3>PWA</h3>
43
- <p>Прогрессивные веб-приложения для всех устройств.</p>
 
 
 
 
 
44
  </div>
45
  <div class="service-card">
46
  <h3>Программное обеспечение</h3>
47
  <p>Кастомные решения для вашего бизнеса.</p>
 
 
 
 
 
48
  </div>
49
  </div>
50
  </div>
51
  </section>
52
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
53
  <!-- Footer -->
54
  <footer class="footer">
55
  <div class="container">
56
- <p>&copy; 2025 DigitalFlow. Все права защищены.</p>
57
  </div>
58
  </footer>
59
 
 
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 -->
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>
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
 
 
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
+
94
  <!-- Footer -->
95
  <footer class="footer">
96
  <div class="container">
97
+ <p 2025 HOLMGARD. Все права защищены.</p>
98
  </div>
99
  </footer>
100