Hugging Face's logo

Spaces:
Xacodavt
/
teste
Running

App Files Community
Xacodavt commited on
Commit
ffd7b39
·
verified ·
1 Parent(s): 2326ba7

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +187 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Teste
3
- emoji: 🌍
4
  colorFrom: green
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: teste
3
+ emoji: 🐳
4
  colorFrom: green
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,187 @@
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="pt-BR">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Liberte-se das dívidas e recupere sua paz financeira em apenas 30 dias!</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
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #2563eb 0%, #1e40af 50%, #1e3a8a 100%);
12
+ }
13
+ .pulse {
14
+ animation: pulse 2s infinite;
15
+ }
16
+ @keyframes pulse {
17
+ 0% {
18
+ transform: scale(1);
19
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
20
+ }
21
+ 70% {
22
+ transform: scale(1.02);
23
+ box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
24
+ }
25
+ 100% {
26
+ transform: scale(1);
27
+ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
28
+ }
29
+ }
30
+ .countdown {
31
+ font-family: 'Arial', sans-serif;
32
+ font-weight: bold;
33
+ background: linear-gradient(135deg, #f59e0b, #ef4444);
34
+ -webkit-background-clip: text;
35
+ -webkit-text-fill-color: transparent;
36
+ }
37
+ </style>
38
+ </head>
39
+ <body class="gradient-bg min-h-screen flex items-center justify-center p-4">
40
+ <div class="max-w-2xl w-full bg-white rounded-xl shadow-2xl overflow-hidden">
41
+ <!-- Countdown Timer -->
42
+ <div class="bg-red-600 text-white py-2 px-4 text-center">
43
+ <div class="flex items-center justify-center space-x-2">
44
+ <i class="fas fa-clock"></i>
45
+ <span class="font-bold">OFERTA TERMINA EM:</span>
46
+ <span id="countdown" class="countdown text-xl">14:23</span>
47
+ </div>
48
+ </div>
49
+
50
+ <div class="md:flex">
51
+ <div class="md:w-1/2 bg-blue-600 text-white p-8 flex flex-col justify-center">
52
+ <div class="text-center md:text-left">
53
+ <h1 class="text-3xl md:text-4xl font-bold mb-4">Liberte-se das dívidas e recupere sua paz financeira em apenas 30 dias!</h1>
54
+ <div class="flex items-center justify-center md:justify-start mb-6">
55
+ <div class="w-12 h-1 bg-yellow-400 rounded-full mr-2"></div>
56
+ <div class="w-6 h-1 bg-yellow-400 rounded-full"></div>
57
+ </div>
58
+ <p class="text-lg mb-6">Milhares de pessoas já transformaram suas vidas financeiras com nosso método simples e comprovado!</p>
59
+
60
+ <ul class="space-y-3 mb-8">
61
+ <li class="flex items-start">
62
+ <i class="fas fa-check-circle text-yellow-400 mt-1 mr-2"></i>
63
+ <span>Reduza suas dívidas em até 70% em apenas 1 mês</span>
64
+ </li>
65
+ <li class="flex items-start">
66
+ <i class="fas fa-check-circle text-yellow-400 mt-1 mr-2"></i>
67
+ <span>Método adaptável para qualquer renda - funciona mesmo com salário mínimo</span>
68
+ </li>
69
+ <li class="flex items-start">
70
+ <i class="fas fa-check-circle text-yellow-400 mt-1 mr-2"></i>
71
+ <span>Sem fórmulas mágicas - apenas estratégias reais que qualquer pessoa pode aplicar</span>
72
+ </li>
73
+ </ul>
74
+
75
+ <div class="bg-blue-700 p-4 rounded-lg mb-6">
76
+ <div class="flex items-center">
77
+ <div class="flex-shrink-0">
78
+ <i class="fas fa-shield-alt text-yellow-400 text-2xl"></i>
79
+ </div>
80
+ <div class="ml-3">
81
+ <p class="text-sm">
82
+ <span class="font-bold">100% seguro e livre de spam!</span> Seu e-mail estará protegido e você só receberá conteúdo de valor.
83
+ </p>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+
90
+ <div class="md:w-1/2 p-8">
91
+ <div class="text-center mb-6">
92
+ <h2 class="text-2xl font-bold text-gray-800">GARANTA SEU ACESSO GRATUITO HOJE!</h2>
93
+ <p class="text-gray-600 mt-2">Preencha o formulário abaixo para receber imediatamente o material exclusivo no seu e-mail</p>
94
+ </div>
95
+
96
+ <form id="leadForm" class="space-y-4">
97
+ <div>
98
+ <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Seu Nome*</label>
99
+ <input type="text" id="name" name="name" required
100
+ class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition duration-300">
101
+ </div>
102
+
103
+ <div>
104
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Seu Melhor E-mail*</label>
105
+ <input type="email" id="email" name="email" required
106
+ class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition duration-300">
107
+ </div>
108
+
109
+ <button type="submit" class="w-full bg-yellow-400 hover:bg-yellow-500 text-gray-900 font-bold py-4 px-6 rounded-lg transition duration-300 flex items-center justify-center pulse">
110
+ <span>QUERO ME LIBERTAR DAS DÍVIDAS AGORA!</span>
111
+ <i class="fas fa-arrow-right ml-2"></i>
112
+ </button>
113
+
114
+ <div class="flex items-start mt-4">
115
+ <div class="flex-shrink-0">
116
+ <i class="fas fa-lock text-blue-600 mt-1"></i>
117
+ </div>
118
+ <div class="ml-2">
119
+ <p class="text-xs text-gray-500">
120
+ Seus dados estão 100% seguros. Nunca compartilhamos suas informações com terceiros.
121
+ </p>
122
+ </div>
123
+ </div>
124
+ </form>
125
+
126
+ <div class="mt-6 p-4 bg-blue-50 rounded-lg border border-blue-100">
127
+ <div class="flex items-start">
128
+ <div class="flex-shrink-0">
129
+ <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/44.jpg" alt="">
130
+ </div>
131
+ <div class="ml-3">
132
+ <p class="text-sm text-gray-700">
133
+ <span class="font-bold">Ana Clara, 32 anos</span> - "Antes vivia com R$ 8.000 de dívidas e noites sem dormir. Hoje não só zerei minhas contas como comecei a investir! Graças a esse método simples que qualquer um pode seguir."
134
+ </p>
135
+ </div>
136
+ </div>
137
+ </div>
138
+ </div>
139
+ </div>
140
+
141
+ <div class="bg-gray-100 px-8 py-4 text-center">
142
+ <p class="text-sm text-gray-600 font-semibold">
143
+ <i class="fas fa-exclamation-triangle text-yellow-500 mr-1"></i>
144
+ <span>ÚLTIMAS VAGAS DISPONÍVEIS! As inscrições se encerram hoje às 23:59!</span>
145
+ </p>
146
+ </div>
147
+ </div>
148
+
149
+ <script>
150
+ // Countdown Timer
151
+ function startCountdown() {
152
+ let minutes = 14;
153
+ let seconds = 23;
154
+
155
+ const countdown = setInterval(function() {
156
+ document.getElementById('countdown').innerHTML =
157
+ `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
158
+
159
+ if (seconds === 0) {
160
+ if (minutes === 0) {
161
+ clearInterval(countdown);
162
+ document.getElementById('countdown').innerHTML = "00:00";
163
+ return;
164
+ }
165
+ minutes--;
166
+ seconds = 59;
167
+ } else {
168
+ seconds--;
169
+ }
170
+ }, 1000);
171
+ }
172
+
173
+ // Start countdown when page loads
174
+ window.onload = startCountdown;
175
+
176
+ // Form submission
177
+ document.getElementById('leadForm').addEventListener('submit', function(e) {
178
+ e.preventDefault();
179
+
180
+ // Simulate form submission
181
+ setTimeout(function() {
182
+ window.location.href = 'obrigado.html';
183
+ }, 1000);
184
+ });
185
+ </script>
186
+ <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=Xacodavt/teste" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
187
+ </html>