Hugging Face's logo

Spaces:
timoon811
/
p2p2ad
Running

App Files Community
timoon811 commited on
Commit
9737e03
·
verified ·
1 Parent(s): 6c86c88

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +475 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: P2p2ad
3
- emoji: 📚
4
- colorFrom: green
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: p2p2ad
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: red
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,475 @@
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>P2P Обмен USDT ↔ Фиат</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
11
+
12
+ body {
13
+ font-family: 'Inter', sans-serif;
14
+ background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
15
+ color: #1a202c;
16
+ overflow-x: hidden;
17
+ }
18
+
19
+ .slide {
20
+ min-height: 100vh;
21
+ padding: 2rem;
22
+ display: flex;
23
+ flex-direction: column;
24
+ justify-content: center;
25
+ opacity: 0;
26
+ transform: translateY(20px);
27
+ transition: all 0.6s ease-out;
28
+ }
29
+
30
+ .slide.active {
31
+ opacity: 1;
32
+ transform: translateY(0);
33
+ }
34
+
35
+ .progress-bar {
36
+ position: fixed;
37
+ top: 0;
38
+ left: 0;
39
+ height: 5px;
40
+ background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 100%);
41
+ z-index: 100;
42
+ transition: width 0.3s ease;
43
+ }
44
+
45
+ .coin-animation {
46
+ animation: float 6s ease-in-out infinite;
47
+ }
48
+
49
+ @keyframes float {
50
+ 0%, 100% { transform: translateY(0); }
51
+ 50% { transform: translateY(-20px); }
52
+ }
53
+
54
+ .security-badge {
55
+ background: rgba(59, 130, 246, 0.1);
56
+ backdrop-filter: blur(10px);
57
+ }
58
+
59
+ .timeline-item::before {
60
+ content: '';
61
+ position: absolute;
62
+ left: -1.5rem;
63
+ top: 0;
64
+ width: 12px;
65
+ height: 12px;
66
+ border-radius: 50%;
67
+ background: #3b82f6;
68
+ border: 3px solid #fff;
69
+ }
70
+ </style>
71
+ </head>
72
+ <body>
73
+ <div class="progress-bar" id="progressBar"></div>
74
+
75
+ <div class="slide active" id="slide1">
76
+ <div class="max-w-4xl mx-auto text-center px-4">
77
+ <div class="coin-animation mb-8">
78
+ <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mx-auto">
79
+ <circle cx="12" cy="12" r="10"></circle>
80
+ <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path>
81
+ <path d="M12 18V6"></path>
82
+ </svg>
83
+ </div>
84
+ <h1 class="text-4xl md:text-5xl font-bold mb-6 text-gray-800">P2P Обмен USDT на Фиат</h1>
85
+ <p class="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">Безопасный и удобный способ обмена криптовалюты на традиционные деньги напрямую между пользователями</p>
86
+ <div class="animate__animated animate__fadeInUp animate__delay-1s">
87
+ <p class="text-gray-500">Прокрутите вниз, чтобы узнать больше</p>
88
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 mx-auto mt-2 text-gray-400 animate-bounce" fill="none" viewBox="0 0 24 24" stroke="currentColor">
89
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
90
+ </svg>
91
+ </div>
92
+ </div>
93
+ </div>
94
+
95
+ <div class="slide" id="slide2">
96
+ <div class="max-w-4xl mx-auto px-4">
97
+ <h2 class="text-3xl font-bold mb-8 text-center text-gray-800">Что такое P2P обмен?</h2>
98
+ <div class="grid md:grid-cols-2 gap-8 items-center">
99
+ <div>
100
+ <div class="bg-white rounded-xl shadow-lg p-6 mb-6">
101
+ <div class="flex items-start mb-4">
102
+ <div class="bg-blue-100 p-3 rounded-lg mr-4">
103
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
104
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6" />
105
+ </svg>
106
+ </div>
107
+ <div>
108
+ <h3 class="text-xl font-semibold mb-2">Прямые сделки между пользователями</h3>
109
+ <p class="text-gray-600">Обмен без посредников, где покупатель и продавец договариваются напрямую о условиях сделки.</p>
110
+ </div>
111
+ </div>
112
+ </div>
113
+
114
+ <div class="bg-white rounded-xl shadow-lg p-6">
115
+ <div class="flex items-start mb-4">
116
+ <div class="bg-purple-100 p-3 rounded-lg mr-4">
117
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
118
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
119
+ </svg>
120
+ </div>
121
+ <div>
122
+ <h3 class="text-xl font-semibold mb-2">Гибкие условия</h3>
123
+ <p class="text-gray-600">Возможность выбора курса, способов оплаты и других параметров сделки по согласованию сторон.</p>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ </div>
128
+ <div class="bg-gradient-to-br from-blue-50 to-purple-50 p-8 rounded-2xl">
129
+ <div class="relative">
130
+ <div class="absolute -top-8 -left-8 w-24 h-24 bg-blue-200 rounded-full opacity-20"></div>
131
+ <div class="absolute -bottom-8 -right-8 w-32 h-32 bg-purple-200 rounded-full opacity-20"></div>
132
+ <div class="relative z-10">
133
+ <h3 class="text-xl font-semibold mb-4">Как это работает?</h3>
134
+ <div class="space-y-6">
135
+ <div class="flex items-start">
136
+ <div class="bg-white p-2 rounded-lg mr-4 shadow-sm">
137
+ <span class="text-blue-600 font-bold">1</span>
138
+ </div>
139
+ <p class="text-gray-700">Покупатель находит подходящее предложение от продавца</p>
140
+ </div>
141
+ <div class="flex items-start">
142
+ <div class="bg-white p-2 rounded-lg mr-4 shadow-sm">
143
+ <span class="text-blue-600 font-bold">2</span>
144
+ </div>
145
+ <p class="text-gray-700">Стороны согласовывают детали сделки</p>
146
+ </div>
147
+ <div class="flex items-start">
148
+ <div class="bg-white p-2 rounded-lg mr-4 shadow-sm">
149
+ <span class="text-blue-600 font-bold">3</span>
150
+ </div>
151
+ <p class="text-gray-700">Средства блокируются на время сделки</p>
152
+ </div>
153
+ <div class="flex items-start">
154
+ <div class="bg-white p-2 rounded-lg mr-4 shadow-sm">
155
+ <span class="text-blue-600 font-bold">4</span>
156
+ </div>
157
+ <p class="text-gray-700">После подтверждения оплаты криптовалюта переводится покупателю</p>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </div>
166
+
167
+ <div class="slide" id="slide3">
168
+ <div class="max-w-4xl mx-auto px-4">
169
+ <h2 class="text-3xl font-bold mb-12 text-center text-gray-800">Преимущества P2P обмена USDT</h2>
170
+ <div class="grid md:grid-cols-3 gap-6">
171
+ <div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl hover:-translate-y-1">
172
+ <div class="p-6">
173
+ <div class="bg-blue-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
174
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
175
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
176
+ </svg>
177
+ </div>
178
+ <h3 class="text-xl font-semibold mb-2">Доступные курсы</h3>
179
+ <p class="text-gray-600">Часто более выгодные курсы по сравнению с биржами и обменниками.</p>
180
+ </div>
181
+ </div>
182
+
183
+ <div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl hover:-translate-y-1">
184
+ <div class="p-6">
185
+ <div class="bg-purple-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
186
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
187
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
188
+ </svg>
189
+ </div>
190
+ <h3 class="text-xl font-semibold mb-2">Безопасность</h3>
191
+ <p class="text-gray-600">Использование эскроу-счетов защищает обе стороны от мошенничества.</p>
192
+ </div>
193
+ </div>
194
+
195
+ <div class="bg-white rounded-xl shadow-md overflow-hidden transition-all duration-300 hover:shadow-xl hover:-translate-y-1">
196
+ <div class="p-6">
197
+ <div class="bg-green-100 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
198
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
199
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" />
200
+ </svg>
201
+ </div>
202
+ <h3 class="text-xl font-semibold mb-2">Разные способы оплаты</h3>
203
+ <p class="text-gray-600">Банковские переводы, платежные системы, наличные - выбор за вами.</p>
204
+ </div>
205
+ </div>
206
+ </div>
207
+
208
+ <div class="mt-12 bg-indigo-50 rounded-2xl p-8">
209
+ <div class="flex flex-col md:flex-row items-center">
210
+ <div class="md:w-1/2 mb-6 md:mb-0">
211
+ <h3 class="text-2xl font-bold text-indigo-900 mb-4">USDT - стабильная криптовалюта</h3>
212
+ <p class="text-indigo-800">Tether (USDT) привязан к доллару США в соотношении 1:1, что делает его идеальным инструментом для P2P-обменов без риска волатильности.</p>
213
+ </div>
214
+ <div class="md:w-1/2">
215
+ <div class="bg-white p-6 rounded-xl shadow-sm">
216
+ <div class="flex items-center justify-between mb-4">
217
+ <span class="font-medium text-gray-700">Курс USDT</span>
218
+ <span class="font-bold text-indigo-600">≈ 1.00 USD</span>
219
+ </div>
220
+ <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
221
+ <div class="h-full bg-indigo-500 rounded-full" style="width: 100%"></div>
222
+ </div>
223
+ <div class="mt-4 text-sm text-gray-500">Стабильность курса в течение последних 30 дней</div>
224
+ </div>
225
+ </div>
226
+ </div>
227
+ </div>
228
+ </div>
229
+ </div>
230
+
231
+ <div class="slide" id="slide4">
232
+ <div class="max-w-4xl mx-auto px-4">
233
+ <h2 class="text-3xl font-bold mb-12 text-center text-gray-800">Как безопасно совершать P2P сделки?</h2>
234
+
235
+ <div class="relative">
236
+ <div class="hidden md:block absolute left-1/2 h-full w-0.5 bg-gradient-to-b from-blue-400 to-purple-500 transform -translate-x-1/2"></div>
237
+
238
+ <div class="space-y-8">
239
+ <div class="relative timeline-item pl-8 md:pl-0 md:w-1/2 md:ml-auto md:pr-8">
240
+ <div class="bg-white p-6 rounded-xl shadow-md">
241
+ <h3 class="text-xl font-semibold mb-2 flex items-center">
242
+ <span class="bg-blue-100 text-blue-800 p-2 rounded-lg mr-3">1</span>
243
+ Проверяйте рейтинг контрагента
244
+ </h3>
245
+ <p class="text-gray-600">Всегда смотрите отзывы, количество завершенных сделок и рейтинг продавца/покупателя перед началом сделки.</p>
246
+ </div>
247
+ </div>
248
+
249
+ <div class="relative timeline-item pl-8 md:pl-0 md:w-1/2 md:pr-8">
250
+ <div class="bg-white p-6 rounded-xl shadow-md">
251
+ <h3 class="text-xl font-semibold mb-2 flex items-center">
252
+ <span class="bg-purple-100 text-purple-800 p-2 rounded-lg mr-3">2</span>
253
+ Используйте только официальные чаты
254
+ </h3>
255
+ <p class="text-gray-600">Общайтесь только через встроенный мессенджер платформы, чтобы иметь доказательства в случае спора.</p>
256
+ </div>
257
+ </div>
258
+
259
+ <div class="relative timeline-item pl-8 md:pl-0 md:w-1/2 md:ml-auto md:pr-8">
260
+ <div class="bg-white p-6 rounded-xl shadow-md">
261
+ <h3 class="text-xl font-semibold mb-2 flex items-center">
262
+ <span class="bg-indigo-100 text-indigo-800 p-2 rounded-lg mr-3">3</span>
263
+ Внимательно проверяйте платежные реквизиты
264
+ </h3>
265
+ <p class="text-gray-600">Убедитесь, что данные для оплаты совпадают с указанными в объявлении и профиле контрагента.</p>
266
+ </div>
267
+ </div>
268
+
269
+ <div class="relative timeline-item pl-8 md:pl-0 md:w-1/2 md:pr-8">
270
+ <div class="bg-white p-6 rounded-xl shadow-md">
271
+ <h3 class="text-xl font-semibold mb-2 flex items-center">
272
+ <span class="bg-green-100 text-green-800 p-2 rounded-lg mr-3">4</span>
273
+ Не отклоняйтесь от процедуры сделки
274
+ </h3>
275
+ <p class="text-gray-600">Следуйте установленному платформой порядку проведения сделки, не соглашайтесь на "упрощенные" схемы.</p>
276
+ </div>
277
+ </div>
278
+ </div>
279
+ </div>
280
+
281
+ <div class="mt-12 bg-white rounded-xl shadow-lg overflow-hidden">
282
+ <div class="md:flex">
283
+ <div class="md:w-1/2 bg-blue-50 p-8">
284
+ <h3 class="text-2xl font-bold text-blue-800 mb-4">Для покупателей</h3>
285
+ <ul class="space-y-3">
286
+ <li class="flex items-start">
287
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-500 mr-2 mt-1" viewBox="0 0 20 20" fill="currentColor">
288
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
289
+ </svg>
290
+ <span>Перед оплатой убедитесь, что продавец подтвердил сделку</span>
291
+ </li>
292
+ <li class="flex items-start">
293
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-500 mr-2 mt-1" viewBox="0 0 20 20" fill="currentColor">
294
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
295
+ </svg>
296
+ <span>Сохраняйте квитанции об оплате до завершения сделки</span>
297
+ </li>
298
+ <li class="flex items-start">
299
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-500 mr-2 mt-1" viewBox="0 0 20 20" fill="currentColor">
300
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
301
+ </svg>
302
+ <span>Проверяйте поступление USDT на ваш кошелек</span>
303
+ </li>
304
+ </ul>
305
+ </div>
306
+ <div class="md:w-1/2 bg-purple-50 p-8">
307
+ <h3 class="text-2xl font-bold text-purple-800 mb-4">Для продавцов</h3>
308
+ <ul class="space-y-3">
309
+ <li class="flex items-start">
310
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-purple-500 mr-2 mt-1" viewBox="0 0 20 20" fill="currentColor">
311
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
312
+ </svg>
313
+ <span>Убедитесь в поступлении платежа перед выпуском USDT</span>
314
+ </li>
315
+ <li class="flex items-start">
316
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-purple-500 mr-2 mt-1" viewBox="0 0 20 20" fill="currentColor">
317
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
318
+ </svg>
319
+ <span>Проверяйте соответствие данных отправителя платежа</span>
320
+ </li>
321
+ <li class="flex items-start">
322
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-purple-500 mr-2 mt-1" viewBox="0 0 20 20" fill="currentColor">
323
+ <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
324
+ </svg>
325
+ <span>Используйте двухфакторную аутентификацию для безопасности</span>
326
+ </li>
327
+ </ul>
328
+ </div>
329
+ </div>
330
+ </div>
331
+ </div>
332
+ </div>
333
+
334
+ <div class="slide" id="slide5">
335
+ <div class="max-w-4xl mx-auto px-4 text-center">
336
+ <div class="inline-block bg-gradient-to-r from-blue-500 to-purple-600 p-1 rounded-full mb-8">
337
+ <div class="bg-white p-1 rounded-full">
338
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
339
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
340
+ </svg>
341
+ </div>
342
+ </div>
343
+ <h2 class="text-3xl font-bold mb-6 text-gray-800">Готовы начать P2P обмен USDT?</h2>
344
+ <p class="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">Выберите надежную платформу с хорошей репутацией и системой защиты сделок</p>
345
+
346
+ <div class="grid md:grid-cols-3 gap-6 max-w-4xl mx-auto mt-12">
347
+ <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition-shadow">
348
+ <div class="bg-blue-50 w-16 h-16 rounded-lg flex items-center justify-center mx-auto mb-4">
349
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-blue-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
350
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
351
+ </svg>
352
+ </div>
353
+ <h3 class="font-semibold text-lg mb-2">Binance P2P</h3>
354
+ <p class="text-gray-600 text-sm">Крупнейшая платформа с высокой ликвидностью и многоуровневой защитой</p>
355
+ </div>
356
+
357
+ <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition-shadow">
358
+ <div class="bg-purple-50 w-16 h-16 rounded-lg flex items-center justify-center mx-auto mb-4">
359
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-purple-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
360
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
361
+ </svg>
362
+ </div>
363
+ <h3 class="font-semibold text-lg mb-2">Huobi P2P</h3>
364
+ <p class="text-gray-600 text-sm">Глобальная платформа с поддержкой множества платежных методов</p>
365
+ </div>
366
+
367
+ <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition-shadow">
368
+ <div class="bg-green-50 w-16 h-16 rounded-lg flex items-center justify-center mx-auto mb-4">
369
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
370
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
371
+ </svg>
372
+ </div>
373
+ <h3 class="font-semibold text-lg mb-2">OKX P2P</h3>
374
+ <p class="text-gray-600 text-sm">Интуитивный интерфейс и система мгновенных уведомлений</p>
375
+ </div>
376
+ </div>
377
+
378
+ <div class="mt-16 max-w-2xl mx-auto bg-gradient-to-r from-blue-500 to-purple-600 rounded-xl p-0.5">
379
+ <div class="bg-white rounded-xl p-8">
380
+ <h3 class="text-2xl font-bold text-gray-800 mb-4">P2P обмен — это просто и безопасно</h3>
381
+ <p class="text-gray-600 mb-6">Следуйте рекомендациям, выбирайте проверенных партнеров и наслаждайтесь выгодными условиями обмена USDT на фиатные деньги и обратно.</p>
382
+ <div class="animate-pulse">
383
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 mx-auto text-blue-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
384
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3" />
385
+ </svg>
386
+ </div>
387
+ </div>
388
+ </div>
389
+ </div>
390
+ </div>
391
+
392
+ <script>
393
+ document.addEventListener('DOMContentLoaded', function() {
394
+ const slides = document.querySelectorAll('.slide');
395
+ const progressBar = document.getElementById('progressBar');
396
+ let currentSlide = 0;
397
+
398
+ // Инициализация первого слайда
399
+ showSlide(currentSlide);
400
+
401
+ // Обработка прокрутки
402
+ let isScrolling = false;
403
+ window.addEventListener('wheel', function(e) {
404
+ if (isScrolling) return;
405
+
406
+ isScrolling = true;
407
+
408
+ if (e.deltaY > 0) {
409
+ // Прокрутка вниз
410
+ if (currentSlide < slides.length - 1) {
411
+ currentSlide++;
412
+ showSlide(currentSlide);
413
+ }
414
+ } else {
415
+ // Прокрутка вверх
416
+ if (currentSlide > 0) {
417
+ currentSlide--;
418
+ showSlide(currentSlide);
419
+ }
420
+ }
421
+
422
+ setTimeout(() => { isScrolling = false; }, 1000);
423
+ }, { passive: false });
424
+
425
+ // Обновление прогресс-бара
426
+ function updateProgressBar() {
427
+ const progress = (currentSlide / (slides.length - 1)) * 100;
428
+ progressBar.style.width = `${progress}%`;
429
+ }
430
+
431
+ // Показать слайд
432
+ function showSlide(index) {
433
+ slides.forEach((slide, i) => {
434
+ if (i === index) {
435
+ slide.classList.add('active');
436
+ // Прокрутка к слайду
437
+ slide.scrollIntoView({ behavior: 'smooth' });
438
+ } else {
439
+ slide.classList.remove('active');
440
+ }
441
+ });
442
+
443
+ updateProgressBar();
444
+ }
445
+
446
+ // Добавляем обработчик для сенсорных устройств
447
+ let touchStartY = 0;
448
+ let touchEndY = 0;
449
+
450
+ document.addEventListener('touchstart', function(e) {
451
+ touchStartY = e.changedTouches[0].screenY;
452
+ }, false);
453
+
454
+ document.addEventListener('touchend', function(e) {
455
+ touchEndY = e.changedTouches[0].screenY;
456
+ handleSwipe();
457
+ }, false);
458
+
459
+ function handleSwipe() {
460
+ if (touchEndY < touchStartY && currentSlide < slides.length - 1) {
461
+ // Свайп вверх
462
+ currentSlide++;
463
+ showSlide(currentSlide);
464
+ }
465
+
466
+ if (touchEndY > touchStartY && currentSlide > 0) {
467
+ // Свайп вниз
468
+ currentSlide--;
469
+ showSlide(currentSlide);
470
+ }
471
+ }
472
+ });
473
+ </script>
474
+ <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=timoon811/p2p2ad" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
475
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ Сделай сайт презентацию без кнопок, футера и хэдера на эту тему Работа с P2P (обмен USDT на фиат и обратно)