Hugging Face's logo

Spaces:
ISSAAYMAN4
/
iphoxy-the-iphone-proxy-explorer
Running

App Files Community
ISSAAYMAN4 commited on
Commit
3fe52a8
·
verified ·
1 Parent(s): 302d3de

https://iphoxy.com/

Browse files
Files changed (2) hide show
  1. README.md +7 -4
  2. index.html +353 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Iphoxy The Iphone Proxy Explorer
3
- emoji: 🌍
4
- colorFrom: pink
5
  colorTo: yellow
 
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: iPhoxy - The iPhone Proxy Explorer 🚀
3
+ colorFrom: red
 
4
  colorTo: yellow
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).
index.html CHANGED
@@ -1,19 +1,354 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>iPhoxy - iPhone Proxy Explorer</title>
7
+ <link rel="icon" type="image/x-icon" href="https://static.photos/technology/200x200/1">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
12
+ <style>
13
+ .gradient-bg {
14
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
15
+ }
16
+ .phone-mockup {
17
+ perspective: 1000px;
18
+ transform-style: preserve-3d;
19
+ }
20
+ .phone-screen {
21
+ transform: rotateY(-15deg) rotateX(5deg);
22
+ box-shadow: 20px 20px 60px rgba(0,0,0,0.3);
23
+ }
24
+ .feature-card:hover {
25
+ transform: translateY(-10px);
26
+ box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
27
+ }
28
+ </style>
29
+ </head>
30
+ <body class="bg-gray-50">
31
+ <div id="vanta-bg" class="fixed inset-0 -z-10"></div>
32
+
33
+ <!-- Navigation -->
34
+ <nav class="bg-white/80 backdrop-blur-md shadow-sm fixed w-full z-50">
35
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
36
+ <div class="flex justify-between h-16 items-center">
37
+ <div class="flex items-center">
38
+ <div class="flex-shrink-0 flex items-center">
39
+ <i data-feather="smartphone" class="text-indigo-600 w-8 h-8"></i>
40
+ <span class="ml-2 text-xl font-bold text-gray-900">iPhoxy</span>
41
+ </div>
42
+ </div>
43
+ <div class="hidden md:block">
44
+ <div class="ml-10 flex items-center space-x-4">
45
+ <a href="#" class="text-gray-900 px-3 py-2 rounded-md text-sm font-medium hover:bg-indigo-50 hover:text-indigo-700 transition">Home</a>
46
+ <a href="#" class="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium hover:bg-indigo-50 transition">Features</a>
47
+ <a href="#" class="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium hover:bg-indigo-50 transition">Pricing</a>
48
+ <a href="#" class="text-gray-500 hover:text-gray-900 px-3 py-2 rounded-md text-sm font-medium hover:bg-indigo-50 transition">Documentation</a>
49
+ <button class="ml-4 bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition">Get Started</button>
50
+ </div>
51
+ </div>
52
+ <div class="md:hidden">
53
+ <button class="text-gray-500 hover:text-gray-900 focus:outline-none">
54
+ <i data-feather="menu"></i>
55
+ </button>
56
+ </div>
57
+ </div>
58
+ </div>
59
+ </nav>
60
+
61
+ <!-- Hero Section -->
62
+ <div class="pt-24 pb-12 sm:pt-32 sm:pb-20 lg:pt-40 lg:pb-28 relative overflow-hidden">
63
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
64
+ <div class="lg:grid lg:grid-cols-12 lg:gap-8">
65
+ <div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-6 lg:text-left">
66
+ <h1 class="text-4xl tracking-tight font-extrabold text-gray-900 sm:text-5xl md:text-6xl">
67
+ <span class="block">Proxy Your iPhone</span>
68
+ <span class="block text-indigo-600">Like Never Before</span>
69
+ </h1>
70
+ <p class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
71
+ iPhoxy provides seamless proxy solutions for iOS devices with enterprise-grade security and unmatched speed.
72
+ </p>
73
+ <div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
74
+ <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
75
+ <div class="rounded-md shadow">
76
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 md:py-4 md:text-lg md:px-10">
77
+ Start Free Trial
78
+ </a>
79
+ </div>
80
+ <div class="mt-3 sm:mt-0 sm:ml-3">
81
+ <a href="#" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-indigo-700 bg-indigo-100 hover:bg-indigo-200 md:py-4 md:text-lg md:px-10">
82
+ Watch Demo
83
+ </a>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ <div class="mt-12 relative sm:max-w-lg sm:mx-auto lg:mt-0 lg:max-w-none lg:mx-0 lg:col-span-6 lg:flex lg:items-center">
89
+ <div class="phone-mockup">
90
+ <div class="phone-screen bg-white rounded-3xl overflow-hidden border-8 border-gray-900 h-96 w-48 mx-auto">
91
+ <img src="https://static.photos/technology/240x480/3" alt="iPhone mockup" class="w-full h-full object-cover">
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </div>
98
+
99
+ <!-- Features Section -->
100
+ <div class="py-12 bg-white">
101
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
102
+ <div class="lg:text-center">
103
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Features</h2>
104
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
105
+ A better way to proxy your iPhone
106
+ </p>
107
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
108
+ iPhoxy provides all the tools you need to manage your iOS proxies efficiently.
109
+ </p>
110
+ </div>
111
+
112
+ <div class="mt-10">
113
+ <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-2 md:gap-x-8 md:gap-y-10">
114
+ <!-- Feature 1 -->
115
+ <div class="feature-card relative bg-white p-6 rounded-lg shadow-md transition duration-300 ease-in-out">
116
+ <div class="absolute -top-6 left-6 flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
117
+ <i data-feather="zap"></i>
118
+ </div>
119
+ <h3 class="mt-4 text-lg font-medium text-gray-900">Ultra Fast Speeds</h3>
120
+ <p class="mt-2 text-base text-gray-500">
121
+ Our global network ensures your iPhone proxies run at maximum speed with minimal latency.
122
+ </p>
123
+ </div>
124
+
125
+ <!-- Feature 2 -->
126
+ <div class="feature-card relative bg-white p-6 rounded-lg shadow-md transition duration-300 ease-in-out">
127
+ <div class="absolute -top-6 left-6 flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
128
+ <i data-feather="shield"></i>
129
+ </div>
130
+ <h3 class="mt-4 text-lg font-medium text-gray-900">Military-Grade Security</h3>
131
+ <p class="mt-2 text-base text-gray-500">
132
+ AES-256 encryption keeps all your iPhone traffic secure and private.
133
+ </p>
134
+ </div>
135
+
136
+ <!-- Feature 3 -->
137
+ <div class="feature-card relative bg-white p-6 rounded-lg shadow-md transition duration-300 ease-in-out">
138
+ <div class="absolute -top-6 left-6 flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
139
+ <i data-feather="globe"></i>
140
+ </div>
141
+ <h3 class="mt-4 text-lg font-medium text-gray-900">Global Locations</h3>
142
+ <p class="mt-2 text-base text-gray-500">
143
+ Choose from 100+ locations worldwide to route your iPhone traffic.
144
+ </p>
145
+ </div>
146
+
147
+ <!-- Feature 4 -->
148
+ <div class="feature-card relative bg-white p-6 rounded-lg shadow-md transition duration-300 ease-in-out">
149
+ <div class="absolute -top-6 left-6 flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
150
+ <i data-feather="refresh-cw"></i>
151
+ </div>
152
+ <h3 class="mt-4 text-lg font-medium text-gray-900">Auto-Rotation</h3>
153
+ <p class="mt-2 text-base text-gray-500">
154
+ Automatically rotate proxies at customizable intervals for maximum anonymity.
155
+ </p>
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </div>
161
+
162
+ <!-- CTA Section -->
163
+ <div class="gradient-bg">
164
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
165
+ <h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl">
166
+ <span class="block">Ready to dive in?</span>
167
+ <span class="block text-indigo-200">Start your free trial today.</span>
168
+ </h2>
169
+ <div class="mt-8 flex lg:mt-0 lg:flex-shrink-0">
170
+ <div class="inline-flex rounded-md shadow">
171
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-indigo-600 bg-white hover:bg-indigo-50">
172
+ Get started
173
+ </a>
174
+ </div>
175
+ <div class="ml-3 inline-flex rounded-md shadow">
176
+ <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-indigo-600 bg-opacity-60 hover:bg-opacity-70">
177
+ Learn more
178
+ </a>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </div>
183
+
184
+ <!-- Footer -->
185
+ <footer class="bg-gray-800">
186
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
187
+ <div class="xl:grid xl:grid-cols-3 xl:gap-8">
188
+ <div class="space-y-8 xl:col-span-1">
189
+ <div class="flex items-center">
190
+ <i data-feather="smartphone" class="text-indigo-500 w-8 h-8"></i>
191
+ <span class="ml-2 text-xl font-bold text-white">iPhoxy</span>
192
+ </div>
193
+ <p class="text-gray-300 text-base">
194
+ The most advanced iPhone proxy solution on the market.
195
+ </p>
196
+ <div class="flex space-x-6">
197
+ <a href="#" class="text-gray-400 hover:text-white">
198
+ <i data-feather="twitter"></i>
199
+ </a>
200
+ <a href="#" class="text-gray-400 hover:text-white">
201
+ <i data-feather="facebook"></i>
202
+ </a>
203
+ <a href="#" class="text-gray-400 hover:text-white">
204
+ <i data-feather="github"></i>
205
+ </a>
206
+ <a href="#" class="text-gray-400 hover:text-white">
207
+ <i data-feather="instagram"></i>
208
+ </a>
209
+ </div>
210
+ </div>
211
+ <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
212
+ <div class="md:grid md:grid-cols-2 md:gap-8">
213
+ <div>
214
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">
215
+ Solutions
216
+ </h3>
217
+ <ul class="mt-4 space-y-4">
218
+ <li>
219
+ <a href="#" class="text-base text-gray-400 hover:text-white">
220
+ Web Scraping
221
+ </a>
222
+ </li>
223
+ <li>
224
+ <a href="#" class="text-base text-gray-400 hover:text-white">
225
+ Social Media
226
+ </a>
227
+ </li>
228
+ <li>
229
+ <a href="#" class="text-base text-gray-400 hover:text-white">
230
+ Ad Verification
231
+ </a>
232
+ </li>
233
+ <li>
234
+ <a href="#" class="text-base text-gray-400 hover:text-white">
235
+ Market Research
236
+ </a>
237
+ </li>
238
+ </ul>
239
+ </div>
240
+ <div class="mt-12 md:mt-0">
241
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">
242
+ Support
243
+ </h3>
244
+ <ul class="mt-4 space-y-4">
245
+ <li>
246
+ <a href="#" class="text-base text-gray-400 hover:text-white">
247
+ Pricing
248
+ </a>
249
+ </li>
250
+ <li>
251
+ <a href="#" class="text-base text-gray-400 hover:text-white">
252
+ Documentation
253
+ </a>
254
+ </li>
255
+ <li>
256
+ <a href="#" class="text-base text-gray-400 hover:text-white">
257
+ Guides
258
+ </a>
259
+ </li>
260
+ <li>
261
+ <a href="#" class="text-base text-gray-400 hover:text-white">
262
+ API Status
263
+ </a>
264
+ </li>
265
+ </ul>
266
+ </div>
267
+ </div>
268
+ <div class="md:grid md:grid-cols-2 md:gap-8">
269
+ <div>
270
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">
271
+ Company
272
+ </h3>
273
+ <ul class="mt-4 space-y-4">
274
+ <li>
275
+ <a href="#" class="text-base text-gray-400 hover:text-white">
276
+ About
277
+ </a>
278
+ </li>
279
+ <li>
280
+ <a href="#" class="text-base text-gray-400 hover:text-white">
281
+ Blog
282
+ </a>
283
+ </li>
284
+ <li>
285
+ <a href="#" class="text-base text-gray-400 hover:text-white">
286
+ Jobs
287
+ </a>
288
+ </li>
289
+ <li>
290
+ <a href="#" class="text-base text-gray-400 hover:text-white">
291
+ Press
292
+ </a>
293
+ </li>
294
+ </ul>
295
+ </div>
296
+ <div class="mt-12 md:mt-0">
297
+ <h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase">
298
+ Legal
299
+ </h3>
300
+ <ul class="mt-4 space-y-4">
301
+ <li>
302
+ <a href="#" class="text-base text-gray-400 hover:text-white">
303
+ Privacy
304
+ </a>
305
+ </li>
306
+ <li>
307
+ <a href="#" class="text-base text-gray-400 hover:text-white">
308
+ Terms
309
+ </a>
310
+ </li>
311
+ <li>
312
+ <a href="#" class="text-base text-gray-400 hover:text-white">
313
+ Cookie Policy
314
+ </a>
315
+ </li>
316
+ <li>
317
+ <a href="#" class="text-base text-gray-400 hover:text-white">
318
+ GDPR
319
+ </a>
320
+ </li>
321
+ </ul>
322
+ </div>
323
+ </div>
324
+ </div>
325
+ </div>
326
+ <div class="mt-12 border-t border-gray-700 pt-8">
327
+ <p class="text-base text-gray-400 text-center">
328
+ &copy; 2023 iPhoxy. All rights reserved.
329
+ </p>
330
+ </div>
331
+ </div>
332
+ </footer>
333
+
334
+ <script>
335
+ // Initialize Vanta.js globe background
336
+ VANTA.GLOBE({
337
+ el: "#vanta-bg",
338
+ mouseControls: true,
339
+ touchControls: true,
340
+ gyroControls: false,
341
+ minHeight: 200.00,
342
+ minWidth: 200.00,
343
+ scale: 1.00,
344
+ scaleMobile: 1.00,
345
+ color: 0x4f46e5,
346
+ backgroundColor: 0xf8fafc,
347
+ size: 0.7
348
+ });
349
+
350
+ // Initialize feather icons
351
+ feather.replace();
352
+ </script>
353
+ </body>
354
  </html>