likhonsheikhdev commited on
Commit
1a914b1
·
verified ·
1 Parent(s): 5b50b5b

make responsive use shodcn ui and make perfects add meta tags and seo - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +149 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Flashusdt
3
- emoji: 📈
4
- colorFrom: green
5
  colorTo: gray
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: flashusdt
3
+ emoji: 🐳
4
+ colorFrom: purple
5
  colorTo: gray
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,149 @@
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, maximum-scale=1.0, user-scalable=no">
6
+ <meta name="description" content="Secure and instant USDT transfers with Flash USDT Sender. Fast cryptocurrency transactions with 256-bit encryption.">
7
+ <meta name="keywords" content="USDT, cryptocurrency, transfer, blockchain, crypto wallet">
8
+ <meta name="author" content="Flash USDT Sender">
9
+ <meta property="og:title" content="Flash USDT Sender - Advanced Cryptocurrency Transfer Platform">
10
+ <meta property="og:description" content="Secure and instant USDT transfers with Flash USDT Sender">
11
+ <meta property="og:type" content="website">
12
+ <meta property="og:url" content="https://flashusdtsender.com">
13
+ <meta property="og:image" content="https://flashusdtsender.com/og-image.jpg">
14
+ <meta name="twitter:card" content="summary_large_image">
15
+ <title>Flash USDT Sender | Secure & Instant Cryptocurrency Transfers</title>
16
+ <script src="https://cdn.tailwindcss.com"></script>
17
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
18
+ <style>
19
+ .gradient-bg {
20
+ background: linear-gradient(135deg, #26a69a 0%, #1e88e5 100%);
21
+ }
22
+ .card-glow {
23
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 204, 153, 0.2);
24
+ }
25
+ .input-glow:focus {
26
+ box-shadow: 0 0 0 2px rgba(0, 204, 153, 0.5);
27
+ }
28
+ .security-badge {
29
+ animation: pulse 2s infinite;
30
+ }
31
+ @keyframes pulse {
32
+ 0% { opacity: 1; }
33
+ 50% { opacity: 0.7; }
34
+ 100% { opacity: 1; }
35
+ }
36
+ </style>
37
+ </head>
38
+ <body class="gradient-bg min-h-screen flex items-center justify-center p-4 md:p-8">
39
+ <div class="max-w-md w-full bg-white rounded-xl shadow-xl overflow-hidden card-glow mx-auto">
40
+ <!-- Header -->
41
+ <div class="bg-gray-900 p-4 md:p-6 flex items-center justify-between">
42
+ <div class="flex items-center space-x-2 md:space-x-3">
43
+ <img src="https://i.ibb.co/cX1PgJg/tether.png" alt="USDT Logo" class="h-8 w-8 md:h-10 md:w-10">
44
+ <h1 class="text-white text-lg md:text-xl font-bold">Flash USDT Sender</h1>
45
+ </div>
46
+ <div class="security-badge bg-green-500 text-white text-xs px-2 py-1 rounded-full flex items-center">
47
+ <i class="fas fa-lock mr-1 text-[10px] md:text-xs"></i>
48
+ <span class="text-[10px] md:text-xs">Secure</span>
49
+ </div>
50
+ </div>
51
+
52
+ <!-- Main Content -->
53
+ <div class="p-4 md:p-6">
54
+ <div class="text-center mb-4 md:mb-6">
55
+ <h2 class="text-xl md:text-2xl font-bold text-gray-800 mb-1 md:mb-2">Secure Access Required</h2>
56
+ <p class="text-gray-600 text-sm md:text-base">Enter your access key to continue</p>
57
+ </div>
58
+
59
+ <form id="accessForm" class="space-y-4">
60
+ <div class="space-y-1">
61
+ <label for="accessKey" class="block text-xs md:text-sm font-medium text-gray-700">Access Key</label>
62
+ <div class="relative">
63
+ <input
64
+ type="password"
65
+ id="accessKey"
66
+ class="w-full px-3 py-2 md:px-4 md:py-3 text-sm md:text-base rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-green-500 input-glow transition"
67
+ placeholder="Enter your secure access key"
68
+ required
69
+ >
70
+ <button type="button" id="toggleKey" class="absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700">
71
+ <i class="fas fa-eye text-sm md:text-base"></i>
72
+ </button>
73
+ </div>
74
+ </div>
75
+
76
+ <div class="pt-1 md:pt-2">
77
+ <button
78
+ type="submit"
79
+ class="w-full bg-green-600 hover:bg-green-700 text-white font-medium md:font-bold py-2 px-3 md:py-3 md:px-4 rounded-lg transition duration-200 flex items-center justify-center text-sm md:text-base"
80
+ >
81
+ <i class="fas fa-unlock-alt mr-1 md:mr-2 text-sm md:text-base"></i>
82
+ Unlock Platform
83
+ </button>
84
+ </div>
85
+ </form>
86
+
87
+ <div class="mt-4 md:mt-6 pt-4 md:pt-6 border-t border-gray-200">
88
+ <div class="grid grid-cols-3 gap-2 md:gap-4">
89
+ <div class="text-center">
90
+ <div class="text-green-600 mb-1">
91
+ <i class="fas fa-shield-alt text-xl md:text-2xl"></i>
92
+ </div>
93
+ <p class="text-[10px] md:text-xs text-gray-600">256-bit Encryption</p>
94
+ </div>
95
+ <div class="text-center">
96
+ <div class="text-green-600 mb-1">
97
+ <i class="fas fa-bolt text-xl md:text-2xl"></i>
98
+ </div>
99
+ <p class="text-[10px] md:text-xs text-gray-600">Instant Transfers</p>
100
+ </div>
101
+ <div class="text-center">
102
+ <div class="text-green-600 mb-1">
103
+ <i class="fas fa-globe text-xl md:text-2xl"></i>
104
+ </div>
105
+ <p class="text-[10px] md:text-xs text-gray-600">Global Network</p>
106
+ </div>
107
+ </div>
108
+ </div>
109
+ </div>
110
+
111
+ <!-- Footer -->
112
+ <div class="bg-gray-100 px-4 md:px-6 py-3 md:py-4 text-center">
113
+ <p class="text-[10px] md:text-xs text-gray-600">
114
+ © 2023 Flash USDT Sender. All rights reserved.
115
+ <span class="block mt-1 space-x-2">
116
+ <a href="#" class="text-green-600 hover:underline inline-block">Terms</a>
117
+ <span class="text-gray-400">|</span>
118
+ <a href="#" class="text-green-600 hover:underline inline-block">Privacy</a>
119
+ <span class="text-gray-400">|</span>
120
+ <a href="#" class="text-green-600 hover:underline inline-block">Support</a>
121
+ </span>
122
+ </p>
123
+ </div>
124
+ </div>
125
+
126
+ <script>
127
+ document.addEventListener('DOMContentLoaded', function() {
128
+ const toggleKey = document.getElementById('toggleKey');
129
+ const accessKey = document.getElementById('accessKey');
130
+
131
+ toggleKey.addEventListener('click', function() {
132
+ if (accessKey.type === 'password') {
133
+ accessKey.type = 'text';
134
+ toggleKey.innerHTML = '<i class="fas fa-eye-slash"></i>';
135
+ } else {
136
+ accessKey.type = 'password';
137
+ toggleKey.innerHTML = '<i class="fas fa-eye"></i>';
138
+ }
139
+ });
140
+
141
+ document.getElementById('accessForm').addEventListener('submit', function(e) {
142
+ e.preventDefault();
143
+ // Here you would normally handle the form submission
144
+ alert('Access key submitted! (This is a demo)');
145
+ });
146
+ });
147
+ </script>
148
+ <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=likhonsheikhdev/flashusdt" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
149
+ </html>