Hugging Face's logo

Spaces:
2026casino
/
undefined
Running

App Files Community
Aleksandr Sashka commited on
Commit
0e5d585
·
verified ·
1 Parent(s): 5055130

замени шрифт на монстерат

Browse files
Files changed (2) hide show
  1. README.md +9 -5
  2. index.html +736 -18
README.md CHANGED
@@ -1,10 +1,14 @@
1
  ---
2
- title: Undefined
3
- emoji: 🐨
4
- colorFrom: yellow
5
- colorTo: green
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: undefined
3
+ colorFrom: red
4
+ colorTo: blue
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
14
+
index.html CHANGED
@@ -1,19 +1,737 @@
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>Azino 777 – Официальный сайт казино</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&display=swap');
12
+ :root {
13
+ --primary-gold: #FFD700;
14
+ --dark-red: #8B0000;
15
+ --card-bg: rgba(139, 0, 0, 0.9);
16
+ }
17
+ body {
18
+ font-family: 'Montserrat', sans-serif;
19
+ background: linear-gradient(135deg, #1a0000 0%, #330000 50%, #1a0000 100%);
20
+ min-height: 100vh;
21
+ }
22
+
23
+ .bebas {
24
+ font-family: 'Montserrat', sans-serif;
25
+ font-weight: 900;
26
+ }
27
+ .gold-text {
28
+ color: var(--primary-gold);
29
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
30
+ }
31
+
32
+ .card-gradient {
33
+ background: linear-gradient(135deg, rgba(139, 0, 0, 0.95) 0%, rgba(255, 0, 0, 0.95) 100%);
34
+ border: 2px solid var(--primary-gold);
35
+ box-shadow: 0 10px 30px rgba(0,0,0,0.5), inset 0 0 20px rgba(255, 215, 0, 0.1);
36
+ }
37
+
38
+ .btn-gold {
39
+ background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
40
+ color: #000;
41
+ font-weight: 700;
42
+ padding: 12px 30px;
43
+ border-radius: 50px;
44
+ box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
45
+ transition: all 0.3s ease;
46
+ }
47
+
48
+ .btn-gold:hover {
49
+ transform: translateY(-2px);
50
+ box-shadow: 0 8px 25px rgba(255, 215, 0, 0.5);
51
+ }
52
+
53
+ .game-card {
54
+ transition: all 0.3s ease;
55
+ cursor: pointer;
56
+ }
57
+
58
+ .game-card:hover {
59
+ transform: scale(1.05);
60
+ box-shadow: 0 15px 40px rgba(255, 215, 0, 0.3);
61
+ }
62
+
63
+ .floating {
64
+ animation: floating 3s ease-in-out infinite;
65
+ }
66
+
67
+ @keyframes floating {
68
+ 0% { transform: translateY(0px); }
69
+ 50% { transform: translateY(-10px); }
70
+ 100% { transform: translateY(0px); }
71
+ }
72
+
73
+ .pulse-gold {
74
+ animation: pulse 2s infinite;
75
+ }
76
+
77
+ @keyframes pulse {
78
+ 0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.7); }
79
+ 70% { box-shadow: 0 0 0 20px rgba(255, 215, 0, 0); }
80
+ 100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }
81
+ }
82
+
83
+ .slot-machine {
84
+ background: linear-gradient(180deg, #2a0000 0%, #4a0000 100%);
85
+ border: 3px solid var(--primary-gold);
86
+ border-radius: 15px;
87
+ padding: 20px;
88
+ }
89
+
90
+ .reel {
91
+ background: #000;
92
+ border: 2px solid var(--primary-gold);
93
+ border-radius: 10px;
94
+ overflow: hidden;
95
+ height: 80px;
96
+ position: relative;
97
+ }
98
+
99
+ .reel-content {
100
+ animation: spin 3s linear infinite;
101
+ }
102
+
103
+ @keyframes spin {
104
+ 0% { transform: translateY(0); }
105
+ 100% { transform: translateY(-240px); }
106
+ }
107
+
108
+ .nav-link {
109
+ position: relative;
110
+ transition: color 0.3s ease;
111
+ }
112
+
113
+ .nav-link::after {
114
+ content: '';
115
+ position: absolute;
116
+ bottom: -5px;
117
+ left: 0;
118
+ width: 0;
119
+ height: 2px;
120
+ background: var(--primary-gold);
121
+ transition: width 0.3s ease;
122
+ }
123
+
124
+ .nav-link:hover::after {
125
+ width: 100%;
126
+ }
127
+ </style>
128
+ </head>
129
+ <body class="text-white">
130
+ <!-- Header -->
131
+ <header class="fixed top-0 w-full z-50 bg-black/90 backdrop-blur-md border-b border-yellow-600">
132
+ <nav class="container mx-auto px-4 py-4">
133
+ <div class="flex justify-between items-center">
134
+ <div class="flex items-center space-x-2">
135
+ <div class="w-12 h-12 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center">
136
+ <span class="text-black font-bold text-xl">777</span>
137
+ </div>
138
+ <h1 class="bebas text-3xl gold-text">AZINO 777</h1>
139
+ </div>
140
+
141
+ <div class="hidden md:flex items-center space-x-8">
142
+ <a href="#games" class="nav-link hover:text-yellow-400">Игры</a>
143
+ <a href="#bonuses" class="nav-link hover:text-yellow-400">Бонусы</a>
144
+ <a href="#mobile" class="nav-link hover:text-yellow-400">Мобильная версия</a>
145
+ <a href="#support" class="nav-link hover:text-yellow-400">Поддержка</a>
146
+ </div>
147
+
148
+ <div class="flex items-center space-x-4">
149
+ <button class="btn-gold">Войти</button>
150
+ <button class="bg-gradient-to-r from-red-600 to-red-800 px-6 py-3 rounded-full font-bold hover:from-red-700 hover:to-red-900 transition-all">
151
+ Регистрация
152
+ </button>
153
+ </div>
154
+ </div>
155
+ </nav>
156
+ </header>
157
+
158
+ <!-- Hero Section -->
159
+ <section class="pt-24 pb-16 relative overflow-hidden">
160
+ <div class="absolute inset-0 opacity-20">
161
+ <div class="absolute top-10 left-10 w-32 h-32 border-4 border-yellow-500 rounded-full floating"></div>
162
+ <div class="absolute bottom-10 right-10 w-24 h-24 border-4 border-yellow-500 rotate-45 floating" style="animation-delay: 1s;"></div>
163
+ </div>
164
+
165
+ <div class="container mx-auto px-4 relative z-10">
166
+ <div class="grid md:grid-cols-2 gap-12 items-center">
167
+ <div>
168
+ <h2 class="bebas text-5xl md:text-7xl gold-text mb-6">
169
+ АЗИНО ТРИ ТОПОРА
170
+ </h2>
171
+ <p class="text-xl mb-8 text-gray-300">
172
+ Официальное казино с бонусами, играми и максимальной безопасностью для вашего удовольствия
173
+ </p>
174
+ <div class="flex flex-wrap gap-4 mb-8">
175
+ <div class="flex items-center space-x-2">
176
+ <i data-feather="shield" class="w-5 h-5 text-yellow-400"></i>
177
+ <span>100% Безопасно</span>
178
+ </div>
179
+ <div class="flex items-center space-x-2">
180
+ <i data-feather="gift" class="w-5 h-5 text-yellow-400"></i>
181
+ <span>Щедрые бонусы</span>
182
+ </div>
183
+ <div class="flex items-center space-x-2">
184
+ <i data-feather="smartphone" class="w-5 h-5 text-yellow-400"></i>
185
+ <span>Мобильная версия</span>
186
+ </div>
187
+ </div>
188
+ <div class="flex flex-wrap gap-4">
189
+ <button class="btn-gold text-lg pulse-gold">
190
+ Играть сейчас
191
+ </button>
192
+ <button class="border-2 border-yellow-500 px-8 py-3 rounded-full font-bold hover:bg-yellow-500 hover:text-black transition-all">
193
+ Демо игры
194
+ </button>
195
+ </div>
196
+ </div>
197
+
198
+ <div class="relative">
199
+ <img src="https://azino777-slot.top/wp-content/themes/Land1/data/57d17087b4df2.gif"
200
+ alt="Azino Bonus"
201
+ class="rounded-lg shadow-2xl w-full">
202
+ <div class="absolute -bottom-6 -right-6 bg-gradient-to-r from-yellow-400 to-yellow-600 text-black px-6 py-3 rounded-lg font-bold transform rotate-3">
203
+ БОНУС 200%!
204
+ </div>
205
+ </div>
206
+ </div>
207
+ </div>
208
+ </section>
209
+
210
+ <!-- Games Section -->
211
+ <section id="games" class="py-16 bg-gradient-to-b from-transparent to-black/50">
212
+ <div class="container mx-auto px-4">
213
+ <h2 class="bebas text-5xl text-center gold-text mb-12">
214
+ ИГРОВАЯ БИБЛИОТЕКА
215
+ </h2>
216
+
217
+ <div class="grid md:grid-cols-3 gap-8 mb-12">
218
+ <div class="card-gradient rounded-xl p-6 game-card">
219
+ <div class="flex items-center justify-between mb-4">
220
+ <i data-feather="zap" class="w-8 h-8 text-yellow-400"></i>
221
+ <span class="bg-yellow-500 text-black px-3 py-1 rounded-full text-sm font-bold">HOT</span>
222
+ </div>
223
+ <h3 class="text-2xl font-bold mb-2">Слоты</h3>
224
+ <p class="text-gray-300 mb-4">Более 500 игровых автоматов</p>
225
+ <div class="flex flex-wrap gap-2">
226
+ <span class="text-xs bg-black/30 px-2 py-1 rounded">Book of Ra</span>
227
+ <span class="text-xs bg-black/30 px-2 py-1 rounded">Gonzo's Quest</span>
228
+ <span class="text-xs bg-black/30 px-2 py-1 rounded">Starburst</span>
229
+ </div>
230
+ </div>
231
+
232
+ <div class="card-gradient rounded-xl p-6 game-card">
233
+ <div class="flex items-center justify-between mb-4">
234
+ <i data-feather="users" class="w-8 h-8 text-yellow-400"></i>
235
+ <span class="bg-green-500 text-black px-3 py-1 rounded-full text-sm font-bold">LIVE</span>
236
+ </div>
237
+ <h3 class="text-2xl font-bold mb-2">Живое казино</h3>
238
+ <p class="text-gray-300 mb-4">Игры с реальными дилерами</p>
239
+ <div class="flex flex-wrap gap-2">
240
+ <span class="text-xs bg-black/30 px-2 py-1 rounded">Блэкджек</span>
241
+ <span class="text-xs bg-black/30 px-2 py-1 rounded">Рулетка</span>
242
+ <span class="text-xs bg-black/30 px-2 py-1 rounded">Баккара</span>
243
+ </div>
244
+ </div>
245
+
246
+ <div class="card-gradient rounded-xl p-6 game-card">
247
+ <div class="flex items-center justify-between mb-4">
248
+ <i data-feather="target" class="w-8 h-8 text-yellow-400"></i>
249
+ <span class="bg-blue-500 text-black px-3 py-1 rounded-full text-sm font-bold">NEW</span>
250
+ </div>
251
+ <h3 class="text-2xl font-bold mb-2">Карточные игры</h3>
252
+ <p class="text-gray-300 mb-4">Покер, блэкджек и другие</p>
253
+ <div class="flex flex-wrap gap-2">
254
+ <span class="text-xs bg-black/30 px-2 py-1 rounded">Техасский холдем</span>
255
+ <span class="text-xs bg-black/30 px-2 py-1 rounded">Омаха</span>
256
+ </div>
257
+ </div>
258
+ </div>
259
+
260
+ <!-- Slot Machine Demo -->
261
+ <div class="slot-machine max-w-md mx-auto">
262
+ <h3 class="text-center text-xl font-bold mb-4 gold-text">Попробуй удачу!</h3>
263
+ <div class="flex justify-center space-x-2 mb-4">
264
+ <div class="reel w-20">
265
+ <div class="reel-content">
266
+ <div class="h-20 flex items-center justify-center text-3xl">🍒</div>
267
+ <div class="h-20 flex items-center justify-center text-3xl">🍋</div>
268
+ <div class="h-20 flex items-center justify-center text-3xl">🍊</div>
269
+ <div class="h-20 flex items-center justify-center text-3xl">🍇</div>
270
+ <div class="h-20 flex items-center justify-center text-3xl">💎</div>
271
+ <div class="h-20 flex items-center justify-center text-3xl">7️⃣</div>
272
+ </div>
273
+ </div>
274
+ <div class="reel w-20">
275
+ <div class="reel-content" style="animation-delay: 0.5s;">
276
+ <div class="h-20 flex items-center justify-center text-3xl">🍒</div>
277
+ <div class="h-20 flex items-center justify-center text-3xl">🍋</div>
278
+ <div class="h-20 flex items-center justify-center text-3xl">🍊</div>
279
+ <div class="h-20 flex items-center justify-center text-3xl">🍇</div>
280
+ <div class="h-20 flex items-center justify-center text-3xl">💎</div>
281
+ <div class="h-20 flex items-center justify-center text-3xl">7️⃣</div>
282
+ </div>
283
+ </div>
284
+ <div class="reel w-20">
285
+ <div class="reel-content" style="animation-delay: 1s;">
286
+ <div class="h-20 flex items-center justify-center text-3xl">🍒</div>
287
+ <div class="h-20 flex items-center justify-center text-3xl">🍋</div>
288
+ <div class="h-20 flex items-center justify-center text-3xl">🍊</div>
289
+ <div class="h-20 flex items-center justify-center text-3xl">🍇</div>
290
+ <div class="h-20 flex items-center justify-center text-3xl">💎</div>
291
+ <div class="h-20 flex items-center justify-center text-3xl">7️⃣</div>
292
+ </div>
293
+ </div>
294
+ </div>
295
+ <button class="w-full btn-gold font-bold">
296
+ КРУТИТЬ
297
+ </button>
298
+ </div>
299
+ </div>
300
+ </section>
301
+
302
+ <!-- Bonuses Section -->
303
+ <section id="bonuses" class="py-16 bg-gradient-to-b from-black/50 to-transparent">
304
+ <div class="container mx-auto px-4">
305
+ <h2 class="bebas text-5xl text-center gold-text mb-12">
306
+ БОНУСЫ И АКЦИИ
307
+ </h2>
308
+
309
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
310
+ <div class="text-center">
311
+ <div class="w-24 h-24 mx-auto mb-4 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center">
312
+ <span class="text-3xl font-bold text-black">200%</span>
313
+ </div>
314
+ <h3 class="text-xl font-bold mb-2">Приветственный бонус</h3>
315
+ <p class="text-gray-400">На первый депозит</p>
316
+ </div>
317
+
318
+ <div class="text-center">
319
+ <div class="w-24 h-24 mx-auto mb-4 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center">
320
+ <i data-feather="gift" class="w-10 h-10 text-black"></i>
321
+ </div>
322
+ <h3 class="text-xl font-bold mb-2">Фриспины</h3>
323
+ <p class="text-gray-400">50 бесплатных вращений</p>
324
+ </div>
325
+
326
+ <div class="text-center">
327
+ <div class="w-24 h-24 mx-auto mb-4 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center">
328
+ <i data-feather="refresh-cw" class="w-10 h-10 text-black"></i>
329
+ </div>
330
+ <h3 class="text-xl font-bold mb-2">Кэшбэк</h3>
331
+ <p class="text-gray-400">До 15% возврата</p>
332
+ </div>
333
+
334
+ <div class="text-center">
335
+ <div class="w-24 h-24 mx-auto mb-4 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center">
336
+ <i data-feather="star" class="w-10 h-10 text-black"></i>
337
+ </div>
338
+ <h3 class="text-xl font-bold mb-2">VIP программа</h3>
339
+ <p class="text-gray-400">Эксклюзивные привилегии</p>
340
+ </div>
341
+ </div>
342
+
343
+ <div class="mt-12 max-w-4xl mx-auto">
344
+ <img src="https://azino777-slot.top/wp-content/uploads/2017/10/igrat_online_azino777.png"
345
+ alt="Играть онлайн Азино777"
346
+ class="rounded-lg shadow-2xl w-full">
347
+ </div>
348
+ </div>
349
+ </section>
350
+
351
+ <!-- Registration Process -->
352
+ <section class="py-16 bg-gradient-to-b from-transparent to-black/50">
353
+ <div class="container mx-auto px-4">
354
+ <h2 class="bebas text-5xl text-center gold-text mb-12">
355
+ РЕГИСТРАЦИЯ ЗА 1 МИНУТУ
356
+ </h2>
357
+
358
+ <div class="max-w-2xl mx-auto">
359
+ <div class="card-gradient rounded-xl p-8">
360
+ <div class="space-y-6">
361
+ <div class="flex items-start space-x-4">
362
+ <div class="w-10 h-10 bg-yellow-500 text-black rounded-full flex items-center justify-center font-bold flex-shrink-0">
363
+ 1
364
+ </div>
365
+ <div>
366
+ <h3 class="text-xl font-bold mb-2">Перейдите на сайт</h3>
367
+ <p class="text-gray-300">Нажмите кнопку "Регистрация" вверху страницы</p>
368
+ </div>
369
+ </div>
370
+
371
+ <div class="flex items-start space-x-4">
372
+ <div class="w-10 h-10 bg-yellow-500 text-black rounded-full flex items-center justify-center font-bold flex-shrink-0">
373
+ 2
374
+ </div>
375
+ <div>
376
+ <h3 class="text-xl font-bold mb-2">Заполните данные</h3>
377
+ <p class="text-gray-300">Укажите email, пароль и выберите валюту счета</p>
378
+ </div>
379
+ </div>
380
+
381
+ <div class="flex items-start space-x-4">
382
+ <div class="w-10 h-10 bg-yellow-500 text-black rounded-full flex items-center justify-center font-bold flex-shrink-0">
383
+ 3
384
+ </div>
385
+ <div>
386
+ <h3 class="text-xl font-bold mb-2">Подтвердите email</h3>
387
+ <p class="text-gray-300">Перейдите по ссылке в письме для активации аккаунта</p>
388
+ </div>
389
+ </div>
390
+
391
+ <div class="flex items-start space-x-4">
392
+ <div class="w-10 h-10 bg-yellow-500 text-black rounded-full flex items-center justify-center font-bold flex-shrink-0">
393
+ 4
394
+ </div>
395
+ <div>
396
+ <h3 class="text-xl font-bold mb-2">Получите бонус!</h3>
397
+ <p class="text-gray-300">Пополните счет и получите приветственный бонус 200%</p>
398
+ </div>
399
+ </div>
400
+ </div>
401
+
402
+ <button class="w-full btn-gold text-lg mt-8">
403
+ ЗАРЕГИСТРИРОВАТЬСЯ
404
+ </button>
405
+ </div>
406
+ </div>
407
+ </div>
408
+ </section>
409
+
410
+ <!-- Payment Methods -->
411
+ <section class="py-16 bg-gradient-to-b from-black/50 to-transparent">
412
+ <div class="container mx-auto px-4">
413
+ <h2 class="bebas text-5xl text-center gold-text mb-12">
414
+ СПОСОБЫ ПОПОЛНЕНИЯ
415
+ </h2>
416
+
417
+ <div class="max-w-4xl mx-auto">
418
+ <div class="overflow-x-auto">
419
+ <table class="w-full card-gradient rounded-xl overflow-hidden">
420
+ <thead>
421
+ <tr class="border-b border-yellow-600">
422
+ <th class="px-6 py-4 text-left">Способ</th>
423
+ <th class="px-6 py-4 text-left">Минимум</th>
424
+ <th class="px-6 py-4 text-left">Зачисление</th>
425
+ <th class="px-6 py-4 text-left">Бонус</th>
426
+ </tr>
427
+ </thead>
428
+ <tbody>
429
+ <tr class="border-b border-yellow-600/30">
430
+ <td class="px-6 py-4 flex items-center space-x-2">
431
+ <i data-feather="credit-card" class="w-5 h-5 text-yellow-400"></i>
432
+ <span>Банковская карта</span>
433
+ </td>
434
+ <td class="px-6 py-4">500 ₽</td>
435
+ <td class="px-6 py-4">Мгновенно</td>
436
+ <td class="px-6 py-4 text-green-400">+100%</td>
437
+ </tr>
438
+ <tr class="border-b border-yellow-600/30">
439
+ <td class="px-6 py-4 flex items-center space-x-2">
440
+ <i data-feather="smartphone" class="w-5 h-5 text-yellow-400"></i>
441
+ <span>Мобильный платеж</span>
442
+ </td>
443
+ <td class="px-6 py-4">100 ₽</td>
444
+ <td class="px-6 py-4">До 10 мин</td>
445
+ <td class="px-6 py-4 text-green-400">+50%</td>
446
+ </tr>
447
+ <tr>
448
+ <td class="px-6 py-4 flex items-center space-x-2">
449
+ <i data-feather="briefcase" class="w-5 h-5 text-yellow-400"></i>
450
+ <span>Электронный кошелек</span>
451
+ </td>
452
+ <td class="px-6 py-4">300 ₽</td>
453
+ <td class="px-6 py-4">Мгновенно</td>
454
+ <td class="px-6 py-4 text-green-400">+75%</td>
455
+ </tr>
456
+ </tbody>
457
+ </table>
458
+ </div>
459
+ </div>
460
+ </div>
461
+ </section>
462
+
463
+ <!-- Mobile Version -->
464
+ <section id="mobile" class="py-16 bg-gradient-to-b from-transparent to-black/50">
465
+ <div class="container mx-auto px-4">
466
+ <h2 class="bebas text-5xl text-center gold-text mb-12">
467
+ МОБИЛЬНАЯ ВЕРСИЯ
468
+ </h2>
469
+
470
+ <div class="grid md:grid-cols-2 gap-12 items-center">
471
+ <div>
472
+ <div class="flex items-center space-x-4 mb-6">
473
+ <i data-feather="smartphone" class="w-12 h-12 text-yellow-400"></i>
474
+ <h3 class="text-3xl font-bold">Играйте где угодно</h3>
475
+ </div>
476
+ <p class="text-gray-300 mb-6">
477
+ Мобильная версия Azino777 позволяет наслаждаться любимыми играми на смартфоне или планшете.
478
+ Полная функциональность, адаптированный интер��ейс и быстрая загрузка.
479
+ </p>
480
+ <div class="space-y-4">
481
+ <div class="flex items-center space-x-3">
482
+ <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i>
483
+ <span>Полная совместимость с iOS и Android</span>
484
+ </div>
485
+ <div class="flex items-center space-x-3">
486
+ <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i>
487
+ <span>Быстрый доступ к всем играм</span>
488
+ </div>
489
+ <div class="flex items-center space-x-3">
490
+ <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i>
491
+ <span>Безопасные транзакции</span>
492
+ </div>
493
+ <div class="flex items-center space-x-3">
494
+ <i data-feather="check-circle" class="w-6 h-6 text-green-400"></i>
495
+ <span>Специальные мобильные бонусы</span>
496
+ </div>
497
+ </div>
498
+ </div>
499
+
500
+ <div class="relative">
501
+ <div class="bg-gradient-to-br from-gray-800 to-gray-900 rounded-3xl p-4 shadow-2xl transform rotate-3">
502
+ <div class="bg-black rounded-2xl p-2">
503
+ <div class="bg-gradient-to-b from-red-900 to-red-950 rounded-xl p-4">
504
+ <div class="flex justify-between items-center mb-4">
505
+ <span class="text-xs">9:41</span>
506
+ <div class="flex space-x-1">
507
+ <div class="w-4 h-4 bg-white rounded-sm"></div>
508
+ <div class="w-4 h-4 bg-white rounded-sm"></div>
509
+ <div class="w-4 h-4 bg-white rounded-sm"></div>
510
+ </div>
511
+ </div>
512
+ <div class="text-center mb-4">
513
+ <div class="text-yellow-400 text-xs mb-2">AZINO 777</div>
514
+ <div class="text-2xl font-bold gold-text">МОБИЛЬНОЕ</div>
515
+ </div>
516
+ <div class="grid grid-cols-3 gap-2">
517
+ <div class="bg-black/50 rounded p-2 text-center">
518
+ <div class="text-2xl mb-1">🎰</div>
519
+ <div class="text-xs">Слоты</div>
520
+ </div>
521
+ <div class="bg-black/50 rounded p-2 text-center">
522
+ <div class="text-2xl mb-1">♠️</div>
523
+ <div class="text-xs">Карты</div>
524
+ </div>
525
+ <div class="bg-black/50 rounded p-2 text-center">
526
+ <div class="text-2xl mb-1">🎲</div>
527
+ <div class="text-xs">Рулетка</div>
528
+ </div>
529
+ </div>
530
+ </div>
531
+ </div>
532
+ </div>
533
+ </div>
534
+ </div>
535
+ </div>
536
+ </section>
537
+
538
+ <!-- Security -->
539
+ <section class="py-16 bg-gradient-to-b from-black/50 to-transparent">
540
+ <div class="container mx-auto px-4">
541
+ <h2 class="bebas text-5xl text-center gold-text mb-12">
542
+ БЕЗОПАСНОСТЬ И ЗАЩИТА
543
+ </h2>
544
+
545
+ <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
546
+ <div class="text-center">
547
+ <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-green-400 to-green-600 rounded-full flex items-center justify-center">
548
+ <i data-feather="shield" class="w-10 h-10 text-white"></i>
549
+ </div>
550
+ <h3 class="text-xl font-bold mb-2">SSL шифрование</h3>
551
+ <p class="text-gray-400">Все данные защищены 256-битным шифрованием</p>
552
+ </div>
553
+
554
+ <div class="text-center">
555
+ <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-blue-400 to-blue-600 rounded-full flex items-center justify-center">
556
+ <i data-feather="lock" class="w-10 h-10 text-white"></i>
557
+ </div>
558
+ <h3 class="text-xl font-bold mb-2">Лицензионное ПО</h3>
559
+ <p class="text-gray-400">Только сертифицированны�� игры от проверенных провайдеров</p>
560
+ </div>
561
+
562
+ <div class="text-center">
563
+ <div class="w-20 h-20 mx-auto mb-4 bg-gradient-to-br from-purple-400 to-purple-600 rounded-full flex items-center justify-center">
564
+ <i data-feather="eye-off" class="w-10 h-10 text-white"></i>
565
+ </div>
566
+ <h3 class="text-xl font-bold mb-2">Конфиденциальность</h3>
567
+ <p class="text-gray-400">Полная защита личных данных игроков</p>
568
+ </div>
569
+ </div>
570
+ </div>
571
+ </section>
572
+
573
+ <!-- Support -->
574
+ <section id="support" class="py-16 bg-gradient-to-b from-transparent to-black/50">
575
+ <div class="container mx-auto px-4">
576
+ <h2 class="bebas text-5xl text-center gold-text mb-12">
577
+ СЛУЖБА ПОДДЕРЖКИ 24/7
578
+ </h2>
579
+
580
+ <div class="max-w-4xl mx-auto">
581
+ <div class="card-gradient rounded-xl p-8">
582
+ <p class="text-center text-xl mb-8">
583
+ Наша команда поддержки всегда готова помочь вам с любыми вопросами
584
+ </p>
585
+
586
+ <div class="grid md:grid-cols-3 gap-6">
587
+ <a href="#" class="text-center group">
588
+ <div class="w-16 h-16 mx-auto mb-3 bg-yellow-500 text-black rounded-full flex items-center justify-center group-hover:scale-110 transition-transform">
589
+ <i data-feather="message-circle" class="w-8 h-8"></i>
590
+ </div>
591
+ <h3 class="font-bold mb-1">Онлайн чат</h3>
592
+ <p class="text-sm text-gray-400">Мгновенный ответ</p>
593
+ </a>
594
+
595
+ <a href="#" class="text-center group">
596
+ <div class="w-16 h-16 mx-auto mb-3 bg-yellow-500 text-black rounded-full flex items-center justify-center group-hover:scale-110 transition-transform">
597
+ <i data-feather="mail" class="w-8 h-8"></i>
598
+ </div>
599
+ <h3 class="font-bold mb-1">Email</h3>
600
+ <p class="text-sm text-gray-400">support@azino777</p>
601
+ </a>
602
+
603
+ <a href="#" class="text-center group">
604
+ <div class="w-16 h-16 mx-auto mb-3 bg-yellow-500 text-black rounded-full flex items-center justify-center group-hover:scale-110 transition-transform">
605
+ <i data-feather="phone" class="w-8 h-8"></i>
606
+ </div>
607
+ <h3 class="font-bold mb-1">Телефон</h3>
608
+ <p class="text-sm text-gray-400">8-800-777-77-77</p>
609
+ </a>
610
+ </div>
611
+ </div>
612
+ </div>
613
+ </div>
614
+ </section>
615
+
616
+ <!-- Footer CTA -->
617
+ <section class="py-20 bg-gradient-to-r from-yellow-600 to-yellow-500">
618
+ <div class="container mx-auto px-4 text-center">
619
+ <h2 class="bebas text-5xl text-black mb-4">
620
+ ГОТОВЫ К ВЫИГРЫШУ?
621
+ </h2>
622
+ <p class="text-xl text-black/80 mb-8">
623
+ Присоединяйтесь к тысячам игроков уже сегодня!
624
+ </p>
625
+ <div class="flex flex-wrap justify-center gap-4">
626
+ <button class="bg-black text-yellow-500 px-8 py-4 rounded-full font-bold text-lg hover:bg-gray-900 transition-all">
627
+ ЗАРЕГИСТРИРОВАТЬСЯ
628
+ </button>
629
+ <button class="border-2 border-black text-black px-8 py-4 rounded-full font-bold text-lg hover:bg-black hover:text-yellow-500 transition-all">
630
+ ПОЛУЧИТЬ БОНУС
631
+ </button>
632
+ </div>
633
+ </div>
634
+ </section>
635
+
636
+ <!-- Footer -->
637
+ <footer class="bg-black py-12 border-t border-yellow-600">
638
+ <div class="container mx-auto px-4">
639
+ <div class="grid md:grid-cols-4 gap-8">
640
+ <div>
641
+ <div class="flex items-center space-x-2 mb-4">
642
+ <div class="w-10 h-10 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center">
643
+ <span class="text-black font-bold">777</span>
644
+ </div>
645
+ <h3 class="bebas text-2xl gold-text">AZINO 777</h3>
646
+ </div>
647
+ <p class="text-gray-400 text-sm">
648
+ Официальное казино с 2010 года
649
+ </p>
650
+ </div>
651
+
652
+ <div>
653
+ <h4 class="font-bold mb-4 text-yellow-400">Игры</h4>
654
+ <ul class="space-y-2 text-gray-400 text-sm">
655
+ <li><a href="#" class="hover:text-yellow-400">Слоты</a></li>
656
+ <li><a href="#" class="hover:text-yellow-400">Живое казино</a></li>
657
+ <li><a href="#" class="hover:text-yellow-400">Карточные игры</a></li>
658
+ <li><a href="#" class="hover:text-yellow-400">Рулетки</a></li>
659
+ </ul>
660
+ </div>
661
+
662
+ <div>
663
+ <h4 class="font-bold mb-4 text-yellow-400">Информация</h4>
664
+ <ul class="space-y-2 text-gray-400 text-sm">
665
+ <li><a href="#" class="hover:text-yellow-400">Бонусы</a></li>
666
+ <li><a href="#" class="hover:text-yellow-400">Турниры</a></li>
667
+ <li><a href="#" class="hover:text-yellow-400">VIP программа</a></li>
668
+ <li><a href="#" class="hover:text-yellow-400">Правила</a></li>
669
+ </ul>
670
+ </div>
671
+
672
+ <div>
673
+ <h4 class="font-bold mb-4 text-yellow-400">Поддержка</h4>
674
+ <ul class="space-y-2 text-gray-400 text-sm">
675
+ <li><a href="#" class="hover:text-yellow-400">FAQ</a></li>
676
+ <li><a href="#" class="hover:text-yellow-400">Контакты</a></li>
677
+ <li><a href="#" class="hover:text-yellow-400">Отзывы</a></li>
678
+ <li><a href="#" class="hover:text-yellow-400">Безопасность</a></li>
679
+ </ul>
680
+ </div>
681
+ </div>
682
+
683
+ <div class="mt-8 pt-8 border-t border-gray-800 text-center text-gray-400 text-sm">
684
+ <p>© 2024 Azino777. Все права защищены. 18+</p>
685
+ <p class="mt-2">Ответственная игра - играйте с умом</p>
686
+ </div>
687
+ </div>
688
+ </footer>
689
+
690
+ <script>
691
+ feather.replace();
692
+
693
+ // Smooth scrolling for navigation links
694
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
695
+ anchor.addEventListener('click', function (e) {
696
+ e.preventDefault();
697
+ const target = document.querySelector(this.getAttribute('href'));
698
+ if (target) {
699
+ target.scrollIntoView({
700
+ behavior: 'smooth',
701
+ block: 'start'
702
+ });
703
+ }
704
+ });
705
+ });
706
+
707
+ // Interactive slot machine
708
+ document.querySelector('.slot-machine button').addEventListener('click', function() {
709
+ const reels = document.querySelectorAll('.reel-content');
710
+ this.disabled = true;
711
+ this.textContent = 'КРУТИМ...';
712
+
713
+ reels.forEach(reel => {
714
+ reel.style.animationDuration = '0.5s';
715
+ });
716
+
717
+ setTimeout(() => {
718
+ reels.forEach(reel => {
719
+ reel.style.animationDuration = '3s';
720
+ });
721
+ this.disabled = false;
722
+ this.textContent = 'КРУТИТЬ';
723
+ }, 2000);
724
+ });
725
+
726
+ // Add scroll effect to header
727
+ window.addEventListener('scroll', function() {
728
+ const header = document.querySelector('header');
729
+ if (window.scrollY > 50) {
730
+ header.classList.add('bg-black/95');
731
+ } else {
732
+ header.classList.remove('bg-black/95');
733
+ }
734
+ });
735
+ </script>
736
+ </body>
737
  </html>