Hugging Face's logo

Spaces:
image7590
/
test-create
Running

App Files Community
1
image7590 commited on
Commit
7f63b72
·
verified ·
1 Parent(s): 94e4811

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +746 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Test Create
3
- emoji: 📉
4
  colorFrom: pink
5
- colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: test-create
3
+ emoji: 🐳
4
  colorFrom: pink
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,746 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="ru">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Digital Navigator - Системный подход к цифровой трансформации</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#0A2540',
15
+ secondary: '#00A88E',
16
+ accent: '#00C9B1',
17
+ dark: '#061A2D',
18
+ light: '#F5F9FC'
19
+ },
20
+ fontFamily: {
21
+ sans: ['Inter', 'sans-serif'],
22
+ },
23
+ }
24
+ }
25
+ }
26
+ </script>
27
+ <style>
28
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
29
+
30
+ body {
31
+ font-family: 'Inter', sans-serif;
32
+ background-color: #F5F9FC;
33
+ color: #061A2D;
34
+ }
35
+
36
+ .hero-gradient {
37
+ background: linear-gradient(135deg, #0A2540 0%, #00A88E 100%);
38
+ }
39
+
40
+ .card-hover {
41
+ transition: all 0.3s ease;
42
+ }
43
+
44
+ .card-hover:hover {
45
+ transform: translateY(-5px);
46
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
47
+ }
48
+
49
+ .nav-link {
50
+ position: relative;
51
+ }
52
+
53
+ .nav-link:after {
54
+ content: '';
55
+ position: absolute;
56
+ width: 0;
57
+ height: 2px;
58
+ bottom: -2px;
59
+ left: 0;
60
+ background-color: #00C9B1;
61
+ transition: width 0.3s ease;
62
+ }
63
+
64
+ .nav-link:hover:after {
65
+ width: 100%;
66
+ }
67
+
68
+ .btn-primary {
69
+ background: linear-gradient(90deg, #00A88E 0%, #00C9B1 100%);
70
+ transition: all 0.3s ease;
71
+ }
72
+
73
+ .btn-primary:hover {
74
+ transform: translateY(-2px);
75
+ box-shadow: 0 10px 15px -3px rgba(0, 201, 177, 0.3);
76
+ }
77
+ </style>
78
+ </head>
79
+ <body>
80
+ <!-- Header -->
81
+ <header class="bg-primary text-white sticky top-0 z-50 shadow-lg">
82
+ <div class="container mx-auto px-6 py-4">
83
+ <div class="flex justify-between items-center">
84
+ <div class="flex items-center">
85
+ <a href="#" class="text-2xl font-bold flex items-center">
86
+ <span class="text-accent">D</span>igital<span class="text-accent">N</span>avigator
87
+ </a>
88
+ </div>
89
+
90
+ <nav class="hidden md:flex space-x-8">
91
+ <a href="#programs" class="nav-link">Программы</a>
92
+ <a href="#methodology" class="nav-link">Методология</a>
93
+ <a href="#formats" class="nav-link">Форматы</a>
94
+ <a href="#experts" class="nav-link">Эксперты</a>
95
+ <a href="#contacts" class="nav-link">Контакты</a>
96
+ </nav>
97
+
98
+ <div class="md:hidden">
99
+ <button id="menu-toggle" class="text-white focus:outline-none">
100
+ <i class="fas fa-bars text-xl"></i>
101
+ </button>
102
+ </div>
103
+ </div>
104
+
105
+ <!-- Mobile menu -->
106
+ <div id="mobile-menu" class="hidden md:hidden mt-4 pb-4">
107
+ <a href="#programs" class="block py-2">Программы</a>
108
+ <a href="#methodology" class="block py-2">Методология</a>
109
+ <a href="#formats" class="block py-2">Форматы</a>
110
+ <a href="#experts" class="block py-2">Эксперты</a>
111
+ <a href="#contacts" class="block py-2">Контакты</a>
112
+ </div>
113
+ </div>
114
+ </header>
115
+
116
+ <!-- Hero Section -->
117
+ <section class="hero-gradient text-white">
118
+ <div class="container mx-auto px-6 py-20 md:py-32">
119
+ <div class="flex flex-col md:flex-row items-center">
120
+ <div class="md:w-2/3 mb-12 md:mb-0">
121
+ <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">
122
+ Системный подход к цифровой трансформации бизнеса
123
+ </h1>
124
+ <p class="text-xl mb-8 opacity-90">
125
+ Для руководителей и предпринимателей: от стратегии до внедрения
126
+ </p>
127
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
128
+ <a href="#programs" class="btn-primary text-white font-semibold py-3 px-8 rounded-full text-center">
129
+ Выбрать программу
130
+ </a>
131
+ <a href="#contacts" class="bg-white text-primary font-semibold py-3 px-8 rounded-full text-center hover:bg-opacity-90 transition">
132
+ Консультация
133
+ </a>
134
+ </div>
135
+ </div>
136
+ <div class="md:w-1/3 flex justify-center">
137
+ <div class="relative w-full">
138
+ <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-2xl p-8 shadow-xl border border-white border-opacity-20">
139
+ <div class="text-center">
140
+ <div class="inline-flex items-center justify-center w-20 h-20 bg-white bg-opacity-20 rounded-full mb-6">
141
+ <i class="fas fa-compass text-3xl text-accent"></i>
142
+ </div>
143
+ <h3 class="text-xl font-bold mb-4">Digital Navigator</h3>
144
+ <p class="text-white text-opacity-80">
145
+ Ваш гид в мире цифровой трансформации и генеративного ИИ
146
+ </p>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </div>
151
+ </div>
152
+ </div>
153
+ </section>
154
+
155
+ <!-- Programs Section -->
156
+ <section id="programs" class="py-20 bg-light">
157
+ <div class="container mx-auto px-6">
158
+ <div class="text-center mb-16">
159
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Наши программы</h2>
160
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
161
+ Для руководителей высшего звена и владельцев бизнеса
162
+ </p>
163
+ </div>
164
+
165
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
166
+ <!-- Program 1 -->
167
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
168
+ <div class="h-3 bg-gradient-to-r from-primary to-secondary"></div>
169
+ <div class="p-8">
170
+ <div class="flex items-center mb-6">
171
+ <div class="w-14 h-14 rounded-full bg-primary bg-opacity-10 flex items-center justify-center text-primary mr-4">
172
+ <i class="fas fa-robot text-2xl"></i>
173
+ </div>
174
+ <h3 class="text-xl font-bold text-dark">Цифровая трансформация и GenAI</h3>
175
+ </div>
176
+ <p class="text-gray-600 mb-6">
177
+ Практическое применение генеративного ИИ в бизнес-процессах
178
+ </p>
179
+ <ul class="space-y-3 mb-8">
180
+ <li class="flex items-start">
181
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
182
+ <span>Стратегии внедрения ИИ</span>
183
+ </li>
184
+ <li class="flex items-start">
185
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
186
+ <span>Этические аспекты GenAI</span>
187
+ </li>
188
+ <li class="flex items-start">
189
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
190
+ <span>Кейсы из российской практики</span>
191
+ </li>
192
+ </ul>
193
+ <div class="flex justify-between items-center">
194
+ <span class="text-2xl font-bold text-dark">120 000 ₽</span>
195
+ <a href="#" class="text-accent font-semibold hover:underline">Подробнее →</a>
196
+ </div>
197
+ </div>
198
+ </div>
199
+
200
+ <!-- Program 2 -->
201
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
202
+ <div class="h-3 bg-gradient-to-r from-secondary to-accent"></div>
203
+ <div class="p-8">
204
+ <div class="flex items-center mb-6">
205
+ <div class="w-14 h-14 rounded-full bg-secondary bg-opacity-10 flex items-center justify-center text-secondary mr-4">
206
+ <i class="fas fa-database text-2xl"></i>
207
+ </div>
208
+ <h3 class="text-xl font-bold text-dark">Data-driven управление</h3>
209
+ </div>
210
+ <p class="text-gray-600 mb-6">
211
+ Принятие решений на основе данных и аналитики
212
+ </p>
213
+ <ul class="space-y-3 mb-8">
214
+ <li class="flex items-start">
215
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
216
+ <span>Системы бизнес-аналитики</span>
217
+ </li>
218
+ <li class="flex items-start">
219
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
220
+ <span>Метрики и KPI</span>
221
+ </li>
222
+ <li class="flex items-start">
223
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
224
+ <span>Управление на основе данных</span>
225
+ </li>
226
+ </ul>
227
+ <div class="flex justify-between items-center">
228
+ <span class="text-2xl font-bold text-dark">95 000 ₽</span>
229
+ <a href="#" class="text-accent font-semibold hover:underline">Подробнее →</a>
230
+ </div>
231
+ </div>
232
+ </div>
233
+
234
+ <!-- Program 3 -->
235
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
236
+ <div class="h-3 bg-gradient-to-r from-accent to-primary"></div>
237
+ <div class="p-8">
238
+ <div class="flex items-center mb-6">
239
+ <div class="w-14 h-14 rounded-full bg-accent bg-opacity-10 flex items-center justify-center text-accent mr-4">
240
+ <i class="fas fa-chart-line text-2xl"></i>
241
+ </div>
242
+ <h3 class="text-xl font-bold text-dark">Продуктовая стратегия</h3>
243
+ </div>
244
+ <p class="text-gray-600 mb-6">
245
+ Разработка и управление цифровыми продуктами
246
+ </p>
247
+ <ul class="space-y-3 mb-8">
248
+ <li class="flex items-start">
249
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
250
+ <span>Жизненный цикл продукта</span>
251
+ </li>
252
+ <li class="flex items-start">
253
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
254
+ <span>Методы валидации идей</span>
255
+ </li>
256
+ <li class="flex items-start">
257
+ <i class="fas fa-check text-accent mt-1 mr-2"></i>
258
+ <span>Монетизация цифровых решений</span>
259
+ </li>
260
+ </ul>
261
+ <div class="flex justify-between items-center">
262
+ <span class="text-2xl font-bold text-dark">110 000 ₽</span>
263
+ <a href="#" class="text-accent font-semibold hover:underline">Подробнее →</a>
264
+ </div>
265
+ </div>
266
+ </div>
267
+ </div>
268
+ </div>
269
+ </section>
270
+
271
+ <!-- Methodology Section -->
272
+ <section id="methodology" class="py-20 bg-white">
273
+ <div class="container mx-auto px-6">
274
+ <div class="text-center mb-16">
275
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Системный подход</h2>
276
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
277
+ Методология Digital Navigator для цифровой трансформации
278
+ </p>
279
+ </div>
280
+
281
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
282
+ <div>
283
+ <div class="mb-8">
284
+ <div class="flex items-start mb-8">
285
+ <div class="bg-primary bg-opacity-10 p-4 rounded-lg mr-6">
286
+ <i class="fas fa-sitemap text-primary text-2xl"></i>
287
+ </div>
288
+ <div>
289
+ <h3 class="text-2xl font-bold text-dark mb-3">Целостное видение</h3>
290
+ <p class="text-gray-600">
291
+ Рассматриваем бизнес как систему взаимосвязанных элементов. Анализируем не только отдельные процессы, но и их влияние друг на друга.
292
+ </p>
293
+ </div>
294
+ </div>
295
+
296
+ <div class="flex items-start mb-8">
297
+ <div class="bg-secondary bg-opacity-10 p-4 rounded-lg mr-6">
298
+ <i class="fas fa-brain text-secondary text-2xl"></i>
299
+ </div>
300
+ <div>
301
+ <h3 class="text-2xl font-bold text-dark mb-3">Практическая направленность</h3>
302
+ <p class="text-gray-600">
303
+ Все методики и инструменты адаптированы под российский бизнес-контекст и проверены на реальных кейсах.
304
+ </p>
305
+ </div>
306
+ </div>
307
+
308
+ <div class="flex items-start">
309
+ <div class="bg-accent bg-opacity-10 p-4 rounded-lg mr-6">
310
+ <i class="fas fa-chart-network text-accent text-2xl"></i>
311
+ </div>
312
+ <div>
313
+ <h3 class="text-2xl font-bold text-dark mb-3">Сквозная трансформация</h3>
314
+ <p class="text-gray-600">
315
+ От стратегии до внедрения: помогаем не только разработать план цифровизации, но и реализовать его поэтапно.
316
+ </p>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+
322
+ <div class="bg-gradient-to-br from-primary to-secondary rounded-2xl p-1">
323
+ <div class="bg-white rounded-xl p-8">
324
+ <div class="mb-8">
325
+ <h3 class="text-2xl font-bold text-dark mb-4">Этапы цифровой трансформации</h3>
326
+ <p class="text-gray-600 mb-6">
327
+ Системный подход Digital Navigator к преобразованию бизнеса
328
+ </p>
329
+ </div>
330
+ <div class="space-y-6">
331
+ <div class="flex items-start">
332
+ <div class="bg-primary bg-opacity-10 text-primary font-bold rounded-full w-10 h-10 flex items-center justify-center mr-6 flex-shrink-0">1</div>
333
+ <div>
334
+ <h4 class="font-semibold text-dark text-lg mb-2">Диагностика</h4>
335
+ <p class="text-gray-600">Анализ текущего состояния бизнеса и цифрового потенциала</p>
336
+ </div>
337
+ </div>
338
+ <div class="flex items-start">
339
+ <div class="bg-primary bg-opacity-10 text-primary font-bold rounded-full w-10 h-10 flex items-center justify-center mr-6 flex-shrink-0">2</div>
340
+ <div>
341
+ <h4 class="font-semibold text-dark text-lg mb-2">Стратегия</h4>
342
+ <p class="text-gray-600">Определение цифровой стратегии и roadmap трансформации</p>
343
+ </div>
344
+ </div>
345
+ <div class="flex items-start">
346
+ <div class="bg-primary bg-opacity-10 text-primary font-bold rounded-full w-10 h-10 flex items-center justify-center mr-6 flex-shrink-0">3</div>
347
+ <div>
348
+ <h4 class="font-semibold text-dark text-lg mb-2">Пилотирование</h4>
349
+ <p class="text-gray-600">Тестирование решений на ограниченном периметре</p>
350
+ </div>
351
+ </div>
352
+ <div class="flex items-start">
353
+ <div class="bg-primary bg-opacity-10 text-primary font-bold rounded-full w-10 h-10 flex items-center justify-center mr-6 flex-shrink-0">4</div>
354
+ <div>
355
+ <h4 class="font-semibold text-dark text-lg mb-2">Масштабирование</h4>
356
+ <p class="text-gray-600">Поэтапное внедрение успешных решений в масштабах компании</p>
357
+ </div>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ </div>
362
+ </div>
363
+ </div>
364
+ </section>
365
+
366
+ <!-- Formats Section -->
367
+ <section id="formats" class="py-20 bg-light">
368
+ <div class="container mx-auto px-6">
369
+ <div class="text-center mb-16">
370
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Форматы обучения</h2>
371
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
372
+ Гибкие варианты для руководителей с плотным графиком
373
+ </p>
374
+ </div>
375
+
376
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
377
+ <!-- Format 1 -->
378
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
379
+ <div class="h-3 bg-gradient-to-r from-primary to-secondary"></div>
380
+ <div class="p-8 text-center">
381
+ <div class="inline-flex items-center justify-center w-20 h-20 bg-primary bg-opacity-10 rounded-full mb-6">
382
+ <i class="fas fa-users text-3xl text-primary"></i>
383
+ </div>
384
+ <h3 class="text-xl font-bold text-dark mb-4">Очное обучение</h3>
385
+ <p class="text-gray-600 mb-6">
386
+ Интенсивные сессии с глубоким погружением и нетворкингом
387
+ </p>
388
+ <ul class="space-y-3 mb-6 text-left">
389
+ <li class="flex items-start">
390
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
391
+ <span>Живое общение с экспертами</span>
392
+ </li>
393
+ <li class="flex items-start">
394
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
395
+ <span>Практические воркшопы</span>
396
+ </li>
397
+ <li class="flex items-start">
398
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
399
+ <span>Кейс-стади в группах</span>
400
+ </li>
401
+ </ul>
402
+ </div>
403
+ </div>
404
+
405
+ <!-- Format 2 -->
406
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
407
+ <div class="h-3 bg-gradient-to-r from-secondary to-accent"></div>
408
+ <div class="p-8 text-center">
409
+ <div class="inline-flex items-center justify-center w-20 h-20 bg-secondary bg-opacity-10 rounded-full mb-6">
410
+ <i class="fas fa-laptop text-3xl text-secondary"></i>
411
+ </div>
412
+ <h3 class="text-xl font-bold text-dark mb-4">Онлайн-формат</h3>
413
+ <p class="text-gray-600 mb-6">
414
+ Удобное обучение без привязки к месту с сохранением интерактива
415
+ </p>
416
+ <ul class="space-y-3 mb-6 text-left">
417
+ <li class="flex items-start">
418
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
419
+ <span>Интерактивные лекции</span>
420
+ </li>
421
+ <li class="flex items-start">
422
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
423
+ <span>Онлайн-воркшопы</span>
424
+ </li>
425
+ <li class="flex items-start">
426
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
427
+ <span>Доступ к материалам 24/7</span>
428
+ </li>
429
+ </ul>
430
+ </div>
431
+ </div>
432
+
433
+ <!-- Format 3 -->
434
+ <div class="bg-white rounded-xl shadow-lg overflow-hidden card-hover">
435
+ <div class="h-3 bg-gradient-to-r from-accent to-primary"></div>
436
+ <div class="p-8 text-center">
437
+ <div class="inline-flex items-center justify-center w-20 h-20 bg-accent bg-opacity-10 rounded-full mb-6">
438
+ <i class="fas fa-blender-phone text-3xl text-accent"></i>
439
+ </div>
440
+ <h3 class="text-xl font-bold text-dark mb-4">Гибридный формат</h3>
441
+ <p class="text-gray-600 mb-6">
442
+ Оптимальное сочетание очных и онлайн-сессий
443
+ </p>
444
+ <ul class="space-y-3 mb-6 text-left">
445
+ <li class="flex items-start">
446
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
447
+ <span>Ключевые модули очно</span>
448
+ </li>
449
+ <li class="flex items-start">
450
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
451
+ <span>Теория в удобном онлайн-формате</span>
452
+ </li>
453
+ <li class="flex items-start">
454
+ <i class="fas fa-check text-accent mt-1 mr-3"></i>
455
+ <span>Индивидуальный график</span>
456
+ </li>
457
+ </ul>
458
+ </div>
459
+ </div>
460
+ </div>
461
+ </div>
462
+ </section>
463
+
464
+ <!-- Experts Section -->
465
+ <section id="experts" class="py-20 bg-white">
466
+ <div class="container mx-auto px-6">
467
+ <div class="text-center mb-16">
468
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Наши эксперты</h2>
469
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
470
+ Практики с опытом цифровой трансформации в российских компаниях
471
+ </p>
472
+ </div>
473
+
474
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
475
+ <!-- Expert 1 -->
476
+ <div class="bg-light rounded-xl overflow-hidden card-hover text-center">
477
+ <div class="h-64 bg-primary bg-opacity-10 flex items-center justify-center">
478
+ <div class="w-32 h-32 rounded-full bg-white shadow-lg flex items-center justify-center">
479
+ <i class="fas fa-user-tie text-5xl text-primary"></i>
480
+ </div>
481
+ </div>
482
+ <div class="p-6">
483
+ <h3 class="text-xl font-bold text-dark mb-1">Иван Сергеев</h3>
484
+ <p class="text-secondary mb-3">Экс-CDO Сбербанк</p>
485
+ <p class="text-gray-600 text-sm">
486
+ Руководил цифровой трансформацией в крупнейшем банке России
487
+ </p>
488
+ </div>
489
+ </div>
490
+
491
+ <!-- Expert 2 -->
492
+ <div class="bg-light rounded-xl overflow-hidden card-hover text-center">
493
+ <div class="h-64 bg-secondary bg-opacity-10 flex items-center justify-center">
494
+ <div class="w-32 h-32 rounded-full bg-white shadow-lg flex items-center justify-center">
495
+ <i class="fas fa-user-tie text-5xl text-secondary"></i>
496
+ </div>
497
+ </div>
498
+ <div class="p-6">
499
+ <h3 class="text-xl font-bold text-dark mb-1">Ольга Ковалева</h3>
500
+ <p class="text-secondary mb-3">Head of AI, МТС</p>
501
+ <p class="text-gray-600 text-sm">
502
+ Эксперт по внедрению GenAI в корпоративных процессах
503
+ </p>
504
+ </div>
505
+ </div>
506
+
507
+ <!-- Expert 3 -->
508
+ <div class="bg-light rounded-xl overflow-hidden card-hover text-center">
509
+ <div class="h-64 bg-accent bg-opacity-10 flex items-center justify-center">
510
+ <div class="w-32 h-32 rounded-full bg-white shadow-lg flex items-center justify-center">
511
+ <i class="fas fa-user-tie text-5xl text-accent"></i>
512
+ </div>
513
+ </div>
514
+ <div class="p-6">
515
+ <h3 class="text-xl font-bold text-dark mb-1">Дмитрий Волков</h3>
516
+ <p class="text-secondary mb-3">CTO, Яндекс</p>
517
+ <p class="text-gray-600 text-sm">
518
+ Архитектор масштабируемых цифровых платформ
519
+ </p>
520
+ </div>
521
+ </div>
522
+
523
+ <!-- Expert 4 -->
524
+ <div class="bg-light rounded-xl overflow-hidden card-hover text-center">
525
+ <div class="h-64 bg-primary bg-opacity-10 flex items-center justify-center">
526
+ <div class="w-32 h-32 rounded-full bg-white shadow-lg flex items-center justify-center">
527
+ <i class="fas fa-user-tie text-5xl text-primary"></i>
528
+ </div>
529
+ </div>
530
+ <div class="p-6">
531
+ <h3 class="text-xl font-bold text-dark mb-1">Анна Семенова</h3>
532
+ <p class="text-secondary mb-3">CDO, X5 Group</p>
533
+ <p class="text-gray-600 text-sm">
534
+ Специалист по data-driven управлению в ритейле
535
+ </p>
536
+ </div>
537
+ </div>
538
+ </div>
539
+ </div>
540
+ </section>
541
+
542
+ <!-- CTA Section -->
543
+ <section class="py-20 bg-gradient-to-r from-primary to-secondary text-white">
544
+ <div class="container mx-auto px-6 text-center">
545
+ <h2 class="text-3xl md:text-4xl font-bold mb-6">Готовы к цифровой трансформации?</h2>
546
+ <p class="text-xl opacity-90 mb-8 max-w-2xl mx-auto">
547
+ Оставьте заявку и получите консультацию по выбору программы
548
+ </p>
549
+ <a href="#contacts" class="bg-white text-primary font-semibold py-3 px-8 rounded-full inline-block hover:bg-opacity-90 transition">
550
+ Оставить заявку
551
+ </a>
552
+ </div>
553
+ </section>
554
+
555
+ <!-- Contacts Section -->
556
+ <section id="contacts" class="py-20 bg-light">
557
+ <div class="container mx-auto px-6">
558
+ <div class="text-center mb-16">
559
+ <h2 class="text-3xl md:text-4xl font-bold text-dark mb-4">Контакты</h2>
560
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto">
561
+ Свяжитесь с нами для получения дополнительной информации
562
+ </p>
563
+ </div>
564
+
565
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-12">
566
+ <div>
567
+ <div class="bg-white rounded-xl shadow-lg p-8 mb-8">
568
+ <h3 class="text-xl font-bold text-dark mb-6">Напишите нам</h3>
569
+ <form>
570
+ <div class="mb-4">
571
+ <label for="name" class="block text-gray-700 font-medium mb-2">Имя</label>
572
+ <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent">
573
+ </div>
574
+ <div class="mb-4">
575
+ <label for="email" class="block text-gray-700 font-medium mb-2">Email</label>
576
+ <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent">
577
+ </div>
578
+ <div class="mb-4">
579
+ <label for="phone" class="block text-gray-700 font-medium mb-2">Телефон</label>
580
+ <input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent">
581
+ </div>
582
+ <div class="mb-6">
583
+ <label for="message" class="block text-gray-700 font-medium mb-2">Сообщение</label>
584
+ <textarea id="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"></textarea>
585
+ </div>
586
+ <button type="submit" class="btn-primary text-white font-semibold py-3 px-8 rounded-full w-full">
587
+ Отправить
588
+ </button>
589
+ </form>
590
+ </div>
591
+ </div>
592
+
593
+ <div>
594
+ <div class="bg-white rounded-xl shadow-lg p-8 mb-8">
595
+ <h3 class="text-xl font-bold text-dark mb-6">Контактная информация</h3>
596
+ <div class="space-y-6">
597
+ <div class="flex items-start">
598
+ <div class="bg-primary bg-opacity-10 p-3 rounded-lg mr-4">
599
+ <i class="fas fa-map-marker-alt text-primary"></i>
600
+ </div>
601
+ <div>
602
+ <h4 class="font-semibold text-dark mb-1">Адрес</h4>
603
+ <p class="text-gray-600">Москва, ул. Льва Толстого, 16</p>
604
+ </div>
605
+ </div>
606
+ <div class="flex items-start">
607
+ <div class="bg-secondary bg-opacity-10 p-3 rounded-lg mr-4">
608
+ <i class="fas fa-phone-alt text-secondary"></i>
609
+ </div>
610
+ <div>
611
+ <h4 class="font-semibold text-dark mb-1">Телефон</h4>
612
+ <p class="text-gray-600">+7 (495) 123-45-67</p>
613
+ </div>
614
+ </div>
615
+ <div class="flex items-start">
616
+ <div class="bg-accent bg-opacity-10 p-3 rounded-lg mr-4">
617
+ <i class="fas fa-envelope text-accent"></i>
618
+ </div>
619
+ <div>
620
+ <h4 class="font-semibold text-dark mb-1">Email</h4>
621
+ <p class="text-gray-600">info@digitalnavigator.ru</p>
622
+ </div>
623
+ </div>
624
+ </div>
625
+ </div>
626
+
627
+ <div class="bg-gradient-to-r from-primary to-secondary rounded-xl p-1 h-64">
628
+ <div class="bg-white rounded-xl h-full w-full flex items-center justify-center">
629
+ <i class="fas fa-map-marker-alt text-4xl text-gray-300"></i>
630
+ </div>
631
+ </div>
632
+ </div>
633
+ </div>
634
+ </div>
635
+ </section>
636
+
637
+ <!-- Footer -->
638
+ <footer class="bg-dark text-white py-12">
639
+ <div class="container mx-auto px-6">
640
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
641
+ <div>
642
+ <a href="#" class="text-2xl font-bold flex items-center mb-4">
643
+ <span class="text-accent">D</span>igital<span class="text-accent">N</span>avigator
644
+ </a>
645
+ <p class="text-gray-400">
646
+ Системный подход к цифровой трансформации для руководителей
647
+ </p>
648
+ </div>
649
+ <div>
650
+ <h4 class="text-lg font-semibold mb-4">Программы</h4>
651
+ <ul class="space-y-2">
652
+ <li><a href="#" class="text-gray-400 hover:text-accent transition">Цифровая трансформация и GenAI</a></li>
653
+ <li><a href="#" class="text-gray-400 hover:text-accent transition">Data-driven управление</a></li>
654
+ <li><a href="#" class="text-gray-400 hover:text-accent transition">Продуктовая стратегия</a></li>
655
+ </ul>
656
+ </div>
657
+ <div>
658
+ <h4 class="text-lg font-semibold mb-4">Компания</h4>
659
+ <ul class="space-y-2">
660
+ <li><a href="#" class="text-gray-400 hover:text-accent transition">О нас</a></li>
661
+ <li><a href="#" class="text-gray-400 hover:text-accent transition">Эксперты</a></li>
662
+ <li><a href="#" class="text-gray-400 hover:text-accent transition">Методология</a></li>
663
+ </ul>
664
+ </div>
665
+ <div>
666
+ <h4 class="text-lg font-semibold mb-4">Контакты</h4>
667
+ <ul class="space-y-2">
668
+ <li class="flex items-center">
669
+ <i class="fas fa-map-marker-alt text-gray-400 mr-2"></i>
670
+ <span class="text-gray-400">Москва, ул. Льва Толстого, 16</span>
671
+ </li>
672
+ <li class="flex items-center">
673
+ <i class="fas fa-phone-alt text-gray-400 mr-2"></i>
674
+ <span class="text-gray-400">+7 (495) 123-45-67</span>
675
+ </li>
676
+ <li class="flex items-center">
677
+ <i class="fas fa-envelope text-gray-400 mr-2"></i>
678
+ <span class="text-gray-400">info@digitalnavigator.ru</span>
679
+ </li>
680
+ </ul>
681
+ </div>
682
+ </div>
683
+
684
+ <div class="pt-8 border-t border-gray-800">
685
+ <div class="flex flex-col md:flex-row justify-between items-center">
686
+ <p class="text-gray-400 mb-4 md:mb-0">
687
+ © 2023 Digital Navigator. Все права защищены.
688
+ </p>
689
+ <div class="flex space-x-6">
690
+ <a href="#" class="text-gray-400 hover:text-accent transition">
691
+ <i class="fab fa-telegram"></i>
692
+ </a>
693
+ <a href="#" class="text-gray-400 hover:text-accent transition">
694
+ <i class="fab fa-vk"></i>
695
+ </a>
696
+ <a href="#" class="text-gray-400 hover:text-accent transition">
697
+ <i class="fab fa-yandex"></i>
698
+ </a>
699
+ </div>
700
+ </div>
701
+ </div>
702
+ </div>
703
+ </footer>
704
+
705
+ <script>
706
+ // Mobile menu toggle
707
+ document.getElementById('menu-toggle').addEventListener('click', function() {
708
+ const menu = document.getElementById('mobile-menu');
709
+ menu.classList.toggle('hidden');
710
+ });
711
+
712
+ // Smooth scrolling for anchor links
713
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
714
+ anchor.addEventListener('click', function (e) {
715
+ e.preventDefault();
716
+
717
+ const targetId = this.getAttribute('href');
718
+ const targetElement = document.querySelector(targetId);
719
+
720
+ if (targetElement) {
721
+ window.scrollTo({
722
+ top: targetElement.offsetTop - 80,
723
+ behavior: 'smooth'
724
+ });
725
+
726
+ // Close mobile menu if open
727
+ const mobileMenu = document.getElementById('mobile-menu');
728
+ if (!mobileMenu.classList.contains('hidden')) {
729
+ mobileMenu.classList.add('hidden');
730
+ }
731
+ }
732
+ });
733
+ });
734
+
735
+ // Add shadow to header on scroll
736
+ window.addEventListener('scroll', function() {
737
+ const header = document.querySelector('header');
738
+ if (window.scrollY > 10) {
739
+ header.classList.add('shadow-lg');
740
+ } else {
741
+ header.classList.remove('shadow-lg');
742
+ }
743
+ });
744
+ </script>
745
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=image7590/test-create" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
746
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ Сделай сайт школы цифровых программ для управленцев и предпринимателей, с акцентом на системный визтеховский подход к анализу и решению бизнес проблелем. Погружение в процесс сосздания цифровых технологий от идеи до реализации. Обучение на основе реальных проектов за основу дизайна сайта возьми сайт страты солюшенс "https://www.stratasolutions.ru" темно синне-зеленный
2
+ Внесем изменения: программа называется digital navigator. убери сверху строку с кодом, для руководителей это выглядит тяжело. Убери проекты они не относятся к нашей идиологии. У нас " Цифровая трансформация и genai, data-driven подход, Управление продуктовой стратегии. Внеси, что есть интерактивные лекции, очное и гибридное обучение. Не используй картинки, используй иконки. Эксперты должны выглядить как из России