Hugging Face's logo

Spaces:
evgenii89
/
efeff
Running

App Files Community
evgenii89 commited on
Commit
7789e0d
·
verified ·
1 Parent(s): 2010dff

сделай мне страницу по олимпиаде по математике, при этом чтоб она была разбита по блокам для разные возрастов там для младших/средних/старших классов и для студентов. дизайн должен быть локоничный и приятный, на странице только эта информация, шапку и подвал для страницы делать не нужно - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +416 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Efeff
3
- emoji: ⚡
4
- colorFrom: pink
5
- colorTo: blue
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: efeff
3
+ emoji: 🐳
4
+ colorFrom: red
5
+ colorTo: pink
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,416 @@
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>Математическая олимпиада | Возрастные категории</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
+ <style>
10
+ .category-card {
11
+ transition: all 0.3s ease;
12
+ }
13
+ .category-card:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
16
+ }
17
+ .tab-button {
18
+ transition: all 0.2s ease;
19
+ }
20
+ .tab-button.active {
21
+ border-bottom-width: 3px;
22
+ border-color: #3b82f6;
23
+ color: #3b82f6;
24
+ }
25
+ </style>
26
+ </head>
27
+ <body class="bg-gray-50 font-sans">
28
+ <div class="container mx-auto px-4 py-8 max-w-6xl">
29
+ <!-- Заголовок -->
30
+ <div class="text-center mb-12">
31
+ <h1 class="text-4xl font-bold text-gray-800 mb-3">Математическая олимпиада</h1>
32
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">Проверьте свои знания и решите интересные задачи в своей возрастной категории</p>
33
+ </div>
34
+
35
+ <!-- Навигация по категориям -->
36
+ <div class="flex justify-center mb-10">
37
+ <div class="inline-flex rounded-md shadow-sm" role="group">
38
+ <button onclick="showCategory('junior')" class="tab-button active px-6 py-3 text-sm font-medium rounded-l-lg border focus:outline-none focus:ring-2 focus:ring-blue-500">
39
+ <i class="fas fa-child mr-2"></i> Младшие классы
40
+ </button>
41
+ <button onclick="showCategory('middle')" class="tab-button px-6 py-3 text-sm font-medium border-t border-b border-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500">
42
+ <i class="fas fa-user-graduate mr-2"></i> Средние классы
43
+ </button>
44
+ <button onclick="showCategory('senior')" class="tab-button px-6 py-3 text-sm font-medium border-t border-b border-gray-200 focus:outline-none focus:ring-2 focus:ring-blue-500">
45
+ <i class="fas fa-user-tie mr-2"></i> Старшие классы
46
+ </button>
47
+ <button onclick="showCategory('student')" class="tab-button px-6 py-3 text-sm font-medium rounded-r-lg border focus:outline-none focus:ring-2 focus:ring-blue-500">
48
+ <i class="fas fa-graduation-cap mr-2"></i> Студенты
49
+ </button>
50
+ </div>
51
+ </div>
52
+
53
+ <!-- Контент для младших классов (по умолчанию активен) -->
54
+ <div id="junior" class="category-content">
55
+ <div class="grid md:grid-cols-2 gap-8">
56
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
57
+ <div class="flex items-center mb-4">
58
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
59
+ <i class="fas fa-calendar-alt text-blue-600 text-xl"></i>
60
+ </div>
61
+ <h3 class="text-xl font-semibold text-gray-800">Даты проведения</h3>
62
+ </div>
63
+ <p class="text-gray-600 mb-4">Олимпиада проводится в два этапа:</p>
64
+ <ul class="space-y-2 text-gray-600">
65
+ <li class="flex items-start">
66
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
67
+ <span>Отборочный тур: 15-20 октября 2023</span>
68
+ </li>
69
+ <li class="flex items-start">
70
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
71
+ <span>Финальный тур: 10-12 декабря 2023</span>
72
+ </li>
73
+ </ul>
74
+ </div>
75
+
76
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
77
+ <div class="flex items-center mb-4">
78
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
79
+ <i class="fas fa-tasks text-purple-600 text-xl"></i>
80
+ </div>
81
+ <h3 class="text-xl font-semibold text-gray-800">Темы заданий</h3>
82
+ </div>
83
+ <p class="text-gray-600 mb-4">Задания охватывают следующие темы:</p>
84
+ <div class="flex flex-wrap gap-2">
85
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Арифметика</span>
86
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Геометрия</span>
87
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Логика</span>
88
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Задачи на смекалку</span>
89
+ </div>
90
+ </div>
91
+
92
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
93
+ <div class="flex items-center mb-4">
94
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
95
+ <i class="fas fa-award text-yellow-600 text-xl"></i>
96
+ </div>
97
+ <h3 class="text-xl font-semibold text-gray-800">Награды</h3>
98
+ </div>
99
+ <p class="text-gray-600 mb-4">Победители получат:</p>
100
+ <ul class="space-y-2 text-gray-600">
101
+ <li class="flex items-start">
102
+ <i class="fas fa-medal text-yellow-500 mt-1 mr-2"></i>
103
+ <span>Дипломы и грамоты</span>
104
+ </li>
105
+ <li class="flex items-start">
106
+ <i class="fas fa-gift text-pink-500 mt-1 mr-2"></i>
107
+ <span>Подарочные сертификаты в книжные магазины</span>
108
+ </li>
109
+ <li class="flex items-start">
110
+ <i class="fas fa-trophy text-amber-700 mt-1 mr-2"></i>
111
+ <span>Возможность участия в летней математической школе</span>
112
+ </li>
113
+ </ul>
114
+ </div>
115
+
116
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
117
+ <div class="flex items-center mb-4">
118
+ <div class="bg-green-100 p-3 rounded-full mr-4">
119
+ <i class="fas fa-info-circle text-green-600 text-xl"></i>
120
+ </div>
121
+ <h3 class="text-xl font-semibold text-gray-800">Дополнительная информация</h3>
122
+ </div>
123
+ <p class="text-gray-600 mb-4">Для учащихся 1-4 классов. Продолжительность олимпиады - 60 минут.</p>
124
+ <p class="text-gray-600">Задания разработаны с учётом возрастных особенностей и направлены на развитие логического мышления и математической интуиции.</p>
125
+ </div>
126
+ </div>
127
+ </div>
128
+
129
+ <!-- Контент для средних классов (скрыт по умолчанию) -->
130
+ <div id="middle" class="category-content hidden">
131
+ <div class="grid md:grid-cols-2 gap-8">
132
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
133
+ <div class="flex items-center mb-4">
134
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
135
+ <i class="fas fa-calendar-alt text-blue-600 text-xl"></i>
136
+ </div>
137
+ <h3 class="text-xl font-semibold text-gray-800">Даты проведения</h3>
138
+ </div>
139
+ <p class="text-gray-600 mb-4">Олимпиада проводится в три этапа:</p>
140
+ <ul class="space-y-2 text-gray-600">
141
+ <li class="flex items-start">
142
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
143
+ <span>Школьный тур: 1-5 октября 2023</span>
144
+ </li>
145
+ <li class="flex items-start">
146
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
147
+ <span>Городской тур: 15-20 ноября 2023</span>
148
+ </li>
149
+ <li class="flex items-start">
150
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
151
+ <span>Финальный тур: 10-15 января 2024</span>
152
+ </li>
153
+ </ul>
154
+ </div>
155
+
156
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
157
+ <div class="flex items-center mb-4">
158
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
159
+ <i class="fas fa-tasks text-purple-600 text-xl"></i>
160
+ </div>
161
+ <h3 class="text-xl font-semibold text-gray-800">Темы заданий</h3>
162
+ </div>
163
+ <p class="text-gray-600 mb-4">Задания охватывают следующие темы:</p>
164
+ <div class="flex flex-wrap gap-2">
165
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Алгебра</span>
166
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Геометрия</span>
167
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Комбинаторика</span>
168
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Теория чисел</span>
169
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Логические задачи</span>
170
+ </div>
171
+ </div>
172
+
173
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
174
+ <div class="flex items-center mb-4">
175
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
176
+ <i class="fas fa-award text-yellow-600 text-xl"></i>
177
+ </div>
178
+ <h3 class="text-xl font-semibold text-gray-800">Награды</h3>
179
+ </div>
180
+ <p class="text-gray-600 mb-4">Победители получат:</p>
181
+ <ul class="space-y-2 text-gray-600">
182
+ <li class="flex items-start">
183
+ <i class="fas fa-medal text-yellow-500 mt-1 mr-2"></i>
184
+ <span>Дипломы и грамоты</span>
185
+ </li>
186
+ <li class="flex items-start">
187
+ <i class="fas fa-gift text-pink-500 mt-1 mr-2"></i>
188
+ <span>Подарочные сертификаты на образовательные курсы</span>
189
+ </li>
190
+ <li class="flex items-start">
191
+ <i class="fas fa-trophy text-amber-700 mt-1 mr-2"></i>
192
+ <span>Путевки в математический лагерь</span>
193
+ </li>
194
+ <li class="flex items-start">
195
+ <i class="fas fa-book text-blue-500 mt-1 mr-2"></i>
196
+ <span>Научно-популярные книги по математике</span>
197
+ </li>
198
+ </ul>
199
+ </div>
200
+
201
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
202
+ <div class="flex items-center mb-4">
203
+ <div class="bg-green-100 p-3 rounded-full mr-4">
204
+ <i class="fas fa-info-circle text-green-600 text-xl"></i>
205
+ </div>
206
+ <h3 class="text-xl font-semibold text-gray-800">Дополнительная информация</h3>
207
+ </div>
208
+ <p class="text-gray-600 mb-4">Для учащихся 5-8 классов. Продолжительность каждого тура - 90 минут.</p>
209
+ <p class="text-gray-600">Задания направлены на развитие аналитического мышления, умения работать с абстрактными понятиями и решать нестандартные задачи.</p>
210
+ </div>
211
+ </div>
212
+ </div>
213
+
214
+ <!-- Контент для старших классов (скрыт по умолчанию) -->
215
+ <div id="senior" class="category-content hidden">
216
+ <div class="grid md:grid-cols-2 gap-8">
217
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
218
+ <div class="flex items-center mb-4">
219
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
220
+ <i class="fas fa-calendar-alt text-blue-600 text-xl"></i>
221
+ </div>
222
+ <h3 class="text-xl font-semibold text-gray-800">Даты проведения</h3>
223
+ </div>
224
+ <p class="text-gray-600 mb-4">Олимпиада проводится в три этапа:</p>
225
+ <ul class="space-y-2 text-gray-600">
226
+ <li class="flex items-start">
227
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
228
+ <span>Школьный тур: 1-10 октября 2023</span>
229
+ </li>
230
+ <li class="flex items-start">
231
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
232
+ <span>Региональный тур: 20-25 ноября 2023</span>
233
+ </li>
234
+ <li class="flex items-start">
235
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
236
+ <span>Финальный тур: 15-20 февраля 2024</span>
237
+ </li>
238
+ </ul>
239
+ </div>
240
+
241
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
242
+ <div class="flex items-center mb-4">
243
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
244
+ <i class="fas fa-tasks text-purple-600 text-xl"></i>
245
+ </div>
246
+ <h3 class="text-xl font-semibold text-gray-800">Темы заданий</h3>
247
+ </div>
248
+ <p class="text-gray-600 mb-4">Задания охватывают следующие темы:</p>
249
+ <div class="flex flex-wrap gap-2">
250
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Алгебра</span>
251
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Геометрия</span>
252
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Тригонометрия</span>
253
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Комбинаторика</span>
254
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Теория чисел</span>
255
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Математический анализ</span>
256
+ </div>
257
+ </div>
258
+
259
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
260
+ <div class="flex items-center mb-4">
261
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
262
+ <i class="fas fa-award text-yellow-600 text-xl"></i>
263
+ </div>
264
+ <h3 class="text-xl font-semibold text-gray-800">Награды</h3>
265
+ </div>
266
+ <p class="text-gray-600 mb-4">Победители получат:</p>
267
+ <ul class="space-y-2 text-gray-600">
268
+ <li class="flex items-start">
269
+ <i class="fas fa-medal text-yellow-500 mt-1 mr-2"></i>
270
+ <span>Дипломы, дающие право на льготы при поступлении в вузы</span>
271
+ </li>
272
+ <li class="flex items-start">
273
+ <i class="fas fa-gift text-pink-500 mt-1 mr-2"></i>
274
+ <span>Денежные премии</span>
275
+ </li>
276
+ <li class="flex items-start">
277
+ <i class="fas fa-trophy text-amber-700 mt-1 mr-2"></i>
278
+ <span>Возможность участия в международных олимпиадах</span>
279
+ </li>
280
+ <li class="flex items-start">
281
+ <i class="fas fa-laptop text-blue-500 mt-1 mr-2"></i>
282
+ <span>Ноутбуки или планшеты для победителей</span>
283
+ </li>
284
+ </ul>
285
+ </div>
286
+
287
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
288
+ <div class="flex items-center mb-4">
289
+ <div class="bg-green-100 p-3 rounded-full mr-4">
290
+ <i class="fas fa-info-circle text-green-600 text-xl"></i>
291
+ </div>
292
+ <h3 class="text-xl font-semibold text-gray-800">Дополнительная информация</h3>
293
+ </div>
294
+ <p class="text-gray-600 mb-4">Для учащихся 9-11 классов. Продолжительность каждого тура - 120 минут.</p>
295
+ <p class="text-gray-600">Олимпиада входит в перечень Минобрнауки РФ, что дает победителям и призерам льготы при поступлении в вузы. Задания высокого уровня сложности, соответствующие международным стандартам.</p>
296
+ </div>
297
+ </div>
298
+ </div>
299
+
300
+ <!-- Контент для студентов (скрыт по умолчанию) -->
301
+ <div id="student" class="category-content hidden">
302
+ <div class="grid md:grid-cols-2 gap-8">
303
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
304
+ <div class="flex items-center mb-4">
305
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
306
+ <i class="fas fa-calendar-alt text-blue-600 text-xl"></i>
307
+ </div>
308
+ <h3 class="text-xl font-semibold text-gray-800">Даты проведения</h3>
309
+ </div>
310
+ <p class="text-gray-600 mb-4">Олимпиада проводится в два этапа:</p>
311
+ <ul class="space-y-2 text-gray-600">
312
+ <li class="flex items-start">
313
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
314
+ <span>Отборочный онлайн-тур: 1-15 ноября 2023</span>
315
+ </li>
316
+ <li class="flex items-start">
317
+ <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
318
+ <span>Финальный тур: 10-12 марта 2024</span>
319
+ </li>
320
+ </ul>
321
+ </div>
322
+
323
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
324
+ <div class="flex items-center mb-4">
325
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
326
+ <i class="fas fa-tasks text-purple-600 text-xl"></i>
327
+ </div>
328
+ <h3 class="text-xl font-semibold text-gray-800">Темы заданий</h3>
329
+ </div>
330
+ <p class="text-gray-600 mb-4">Задания охватывают следующие темы:</p>
331
+ <div class="flex flex-wrap gap-2">
332
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Высшая алгебра</span>
333
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Математический анализ</span>
334
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Дифференциальные уравнения</span>
335
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Теория вероятностей</span>
336
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Дискретная математика</span>
337
+ <span class="px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm">Теория функций</span>
338
+ </div>
339
+ </div>
340
+
341
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
342
+ <div class="flex items-center mb-4">
343
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
344
+ <i class="fas fa-award text-yellow-600 text-xl"></i>
345
+ </div>
346
+ <h3 class="text-xl font-semibold text-gray-800">Награды</h3>
347
+ </div>
348
+ <p class="text-gray-600 mb-4">Победители получат:</p>
349
+ <ul class="space-y-2 text-gray-600">
350
+ <li class="flex items-start">
351
+ <i class="fas fa-medal text-yellow-500 mt-1 mr-2"></i>
352
+ <span>Дипломы и сертификаты</span>
353
+ </li>
354
+ <li class="flex items-start">
355
+ <i class="fas fa-gift text-pink-500 mt-1 mr-2"></i>
356
+ <span>Денежные премии (1 место - 50 000 руб, 2 место - 30 000 руб, 3 место - 20 000 руб)</span>
357
+ </li>
358
+ <li class="flex items-start">
359
+ <i class="fas fa-trophy text-amber-700 mt-1 mr-2"></i>
360
+ <span>Стажировки в ведущих IT-компаниях</span>
361
+ </li>
362
+ <li class="flex items-start">
363
+ <i class="fas fa-book-open text-blue-500 mt-1 mr-2"></i>
364
+ <span>Гранты на участие в международных конференциях</span>
365
+ </li>
366
+ </ul>
367
+ </div>
368
+
369
+ <div class="category-card bg-white p-8 rounded-xl shadow-md border border-gray-100">
370
+ <div class="flex items-center mb-4">
371
+ <div class="bg-green-100 p-3 rounded-full mr-4">
372
+ <i class="fas fa-info-circle text-green-600 text-xl"></i>
373
+ </div>
374
+ <h3 class="text-xl font-semibold text-gray-800">Дополнительная информация</h3>
375
+ </div>
376
+ <p class="text-gray-600 mb-4">Для студентов 1-4 курсов бакалавриата. Продолжительность финального тура - 180 минут.</p>
377
+ <p class="text-gray-600">Олимпиада проводится при поддержке ведущих математических факультетов страны. Задания высокого уровня сложности, многие из них требуют творческого подхода и глубоких знаний математических дисциплин.</p>
378
+ </div>
379
+ </div>
380
+ </div>
381
+
382
+ <!-- Кнопка регистрации -->
383
+ <div class="text-center mt-12">
384
+ <button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full text-lg transition duration-300 transform hover:scale-105 shadow-lg">
385
+ <i class="fas fa-pencil-alt mr-2"></i> Зарегистрироваться на олимпиаду
386
+ </button>
387
+ </div>
388
+ </div>
389
+
390
+ <script>
391
+ function showCategory(categoryId) {
392
+ // Скрываем все категории
393
+ document.querySelectorAll('.category-content').forEach(el => {
394
+ el.classList.add('hidden');
395
+ });
396
+
397
+ // Показываем выбранную категорию
398
+ document.getElementById(categoryId).classList.remove('hidden');
399
+
400
+ // Обновляем активную кнопку
401
+ document.querySelectorAll('.tab-button').forEach(btn => {
402
+ btn.classList.remove('active');
403
+ });
404
+
405
+ // Находим кнопку, соответствующую выбранной категории
406
+ const activeButton = Array.from(document.querySelectorAll('.tab-button')).find(btn => {
407
+ return btn.getAttribute('onclick').includes(categoryId);
408
+ });
409
+
410
+ if (activeButton) {
411
+ activeButton.classList.add('active');
412
+ }
413
+ }
414
+ </script>
415
+ <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=evgenii89/efeff" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
416
+ </html>