Hugging Face's logo

Spaces:
Dmbitfx
/
skypegasus-wings
Running

App Files Community
Dmbitfx commited on
Commit
03d60b7
·
verified ·
1 Parent(s): 27efdaa

crie a pagina contatos

Browse files
Files changed (3) hide show
  1. contatos.html +347 -0
  2. index.html +2 -2
  3. voos.html +2 -2
contatos.html ADDED
@@ -0,0 +1,347 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Contato | SkyPegasus</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ <style>
11
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
12
+ body {
13
+ font-family: 'Poppins', sans-serif;
14
+ }
15
+ .contact-card:hover {
16
+ transform: translateY(-5px);
17
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
18
+ }
19
+ </style>
20
+ </head>
21
+ <body class="bg-gray-50">
22
+ <!-- Navbar -->
23
+ <nav class="bg-white shadow-lg">
24
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
25
+ <div class="flex justify-between h-16">
26
+ <div class="flex items-center">
27
+ <div class="flex-shrink-0 flex items-center">
28
+ <i data-feather="navigation" class="text-blue-600 w-8 h-8"></i>
29
+ <span class="ml-2 text-xl font-bold text-blue-600">SkyPegasus</span>
30
+ </div>
31
+ <div class="hidden md:ml-6 md:flex md:space-x-8">
32
+ <a href="index.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>
33
+ <a href="voos.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Voos</a>
34
+ <a href="destinos.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Destinos</a>
35
+ <a href="ofertas.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Ofertas</a>
36
+ <a href="contatos.html" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contato</a>
37
+ </div>
38
+ </div>
39
+ <div class="hidden md:ml-4 md:flex md:items-center">
40
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Minha Conta</button>
41
+ </div>
42
+ <div class="-mr-2 flex items-center md:hidden">
43
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500">
44
+ <i data-feather="menu" class="block h-6 w-6"></i>
45
+ </button>
46
+ </div>
47
+ </div>
48
+ </div>
49
+ </nav>
50
+
51
+ <!-- Contact Header -->
52
+ <div class="bg-blue-600 text-white py-16">
53
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
54
+ <h1 class="text-4xl font-bold mb-4">Fale Conosco</h1>
55
+ <p class="text-xl text-blue-100 max-w-3xl mx-auto">
56
+ Tem alguma dúvida ou precisa de ajuda? Nossa equipe está pronta para te atender.
57
+ </p>
58
+ </div>
59
+ </div>
60
+
61
+ <!-- Contact Content -->
62
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
63
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
64
+ <!-- Contact Form -->
65
+ <div class="bg-white rounded-xl shadow-md p-8">
66
+ <h2 class="text-2xl font-bold mb-6">Envie uma mensagem</h2>
67
+ <form>
68
+ <div class="mb-4">
69
+ <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Nome completo</label>
70
+ <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500">
71
+ </div>
72
+ <div class="mb-4">
73
+ <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email</label>
74
+ <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500">
75
+ </div>
76
+ <div class="mb-4">
77
+ <label for="subject" class="block text-sm font-medium text-gray-700 mb-1">Assunto</label>
78
+ <select id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500">
79
+ <option>Selecione um assunto</option>
80
+ <option>Dúvidas sobre voos</option>
81
+ <option>Reclama�es</option>
82
+ <option>Sugestões</option>
83
+ <option>Cancelamentos</option>
84
+ <option>Outros</option>
85
+ </select>
86
+ </div>
87
+ <div class="mb-4">
88
+ <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Mensagem</label>
89
+ <textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-blue-500 focus:border-blue-500"></textarea>
90
+ </div>
91
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md">
92
+ Enviar Mensagem
93
+ </button>
94
+ </form>
95
+ </div>
96
+
97
+ <!-- Contact Info -->
98
+ <div>
99
+ <h2 class="text-2xl font-bold mb-6">Outras formas de contato</h2>
100
+
101
+ <div class="space-y-6">
102
+ <!-- Phone -->
103
+ <div class="contact-card bg-white p-6 rounded-xl shadow-md transition duration-300 ease-in-out">
104
+ <div class="flex items-start">
105
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
106
+ <i data-feather="phone" class="text-blue-600 w-5 h-5"></i>
107
+ </div>
108
+ <div>
109
+ <h3 class="font-bold text-lg mb-1">Telefone</h3>
110
+ <p class="text-gray-600 mb-2">Atendimento 24 horas</p>
111
+ <p class="text-blue-600 font-medium">+55 11 1234-5678</p>
112
+ </div>
113
+ </div>
114
+ </div>
115
+
116
+ <!-- Email -->
117
+ <div class="contact-card bg-white p-6 rounded-xl shadow-md transition duration-300 ease-in-out">
118
+ <div class="flex items-start">
119
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
120
+ <i data-feather="mail" class="text-blue-600 w-5 h-5"></i>
121
+ </div>
122
+ <div>
123
+ <h3 class="font-bold text-lg mb-1">Email</h3>
124
+ <p class="text-gray-600 mb-2">Respondemos em até 24h</p>
125
+ <p class="text-blue-600 font-medium">contato@skypegasus.com</p>
126
+ </div>
127
+ </div>
128
+ </div>
129
+
130
+ <!-- WhatsApp -->
131
+ <div class="contact-card bg-white p-6 rounded-xl shadow-md transition duration-300 ease-in-out">
132
+ <div class="flex items-start">
133
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
134
+ <i data-feather="message-square" class="text-blue-600 w-5 h-5"></i>
135
+ </div>
136
+ <div>
137
+ <h3 class="font-bold text-lg mb-1">WhatsApp</h3>
138
+ <p class="text-gray-600 mb-2">Atendimento das 8h às 20h</p>
139
+ <p class="text-blue-600 font-medium">+55 11 98765-4321</p>
140
+ </div>
141
+ </div>
142
+ </div>
143
+
144
+ <!-- Social Media -->
145
+ <div class="contact-card bg-white p-6 rounded-xl shadow-md transition duration-300 ease-in-out">
146
+ <div class="flex items-start">
147
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
148
+ <i data-feather="share-2" class="text-blue-600 w-5 h-5"></i>
149
+ </div>
150
+ <div>
151
+ <h3 class="font-bold text-lg mb-1">Redes Sociais</h3>
152
+ <p class="text-gray-600 mb-3">Siga-nos e mande mensagem</p>
153
+ <div class="flex space-x-4">
154
+ <a href="#" class="text-blue-600 hover:text-blue-700">
155
+ <i data-feather="facebook" class="w-6 h-6"></i>
156
+ </a>
157
+ <a href="#" class="text-blue-600 hover:text-blue-700">
158
+ <i data-feather="instagram" class="w-6 h-6"></i>
159
+ </a>
160
+ <a href="#" class="text-blue-600 hover:text-blue-700">
161
+ <i data-feather="twitter" class="w-6 h-6"></i>
162
+ </a>
163
+ </div>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+
171
+ <!-- FAQ Section -->
172
+ <div class="mt-20">
173
+ <h2 class="text-2xl font-bold mb-8 text-center">Perguntas Frequentes</h2>
174
+
175
+ <div class="bg-white rounded-xl shadow-md overflow-hidden max-w-3xl mx-auto">
176
+ <!-- FAQ Item 1 -->
177
+ <div class="border-b border-gray-200">
178
+ <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
179
+ <span class="font-medium">Como faço para cancelar um voo?</span>
180
+ <i data-feather="chevron-down" class="text-blue-600 w-5 h-5"></i>
181
+ </button>
182
+ <div class="px-6 pb-6 hidden">
183
+ <p class="text-gray-600">
184
+ Você pode cancelar seu voo diretamente na sua conta SkyPegasus ou entrando em contato com nosso atendimento.
185
+ Lembre-se que políticas de cancelamento variam conforme a companhia aérea e o tipo de passagem adquirida.
186
+ </p>
187
+ </div>
188
+ </div>
189
+
190
+ <!-- FAQ Item 2 -->
191
+ <div class="border-b border-gray-200">
192
+ <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
193
+ <span class="font-medium">Quais documentos preciso para viajar para Israel?</span>
194
+ <i data-feather="chevron-down" class="text-blue-600 w-5 h-5"></i>
195
+ </button>
196
+ <div class="px-6 pb-6 hidden">
197
+ <p class="text-gray-600">
198
+ Para brasileiros, é necessário passaporte com validade mínima de 6 meses. Alguns viajantes podem precisar de visto,
199
+ dependendo do propósito da viagem. Recomendamos verificar os requisitos atualizados no site do governo israelense.
200
+ </p>
201
+ </div>
202
+ </div>
203
+
204
+ <!-- FAQ Item 3 -->
205
+ <div class="border-b border-gray-200">
206
+ <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
207
+ <span class="font-medium">Posso alterar minha passagem após a compra?</span>
208
+ <i data-feather="chevron-down" class="text-blue-600 w-5 h-5"></i>
209
+ </button>
210
+ <div class="px-6 pb-6 hidden">
211
+ <p class="text-gray-600">
212
+ Sim, na maioria dos casos é possível alterar datas ou horários de voo, sujeito à disponibilidade e às políticas
213
+ da companhia aérea. Taxas de alteração podem ser aplicadas dependendo do tipo de tarifa adquirida.
214
+ </p>
215
+ </div>
216
+ </div>
217
+
218
+ <!-- FAQ Item 4 -->
219
+ <div class="border-b border-gray-200">
220
+ <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
221
+ <span class="font-medium">Como funciona o reembolso?</span>
222
+ <i data-feather="chevron-down" class="text-blue-600 w-5 h-5"></i>
223
+ </button>
224
+ <div class="px-6 pb-6 hidden">
225
+ <p class="text-gray-600">
226
+ O processo de reembolso depende do tipo de passagem comprada. Passagens reembolsáveis são creditadas em até 10 dias
227
+ úteis após o cancelamento. Para passagens não reembolsáveis, é possível solicitar crédito para uso futuro.
228
+ </p>
229
+ </div>
230
+ </div>
231
+
232
+ <!-- FAQ Item 5 -->
233
+ <div class="border-b border-gray-200">
234
+ <button class="w-full flex justify-between items-center p-6 text-left focus:outline-none">
235
+ <span class="font-medium">Qual é o prazo para check-in nos voos?</span>
236
+ <i data-feather="chevron-down" class="text-blue-600 w-5 h-5"></i>
237
+ </button>
238
+ <div class="px-6 pb-6 hidden">
239
+ <p class="text-gray-600">
240
+ Para voos internacionais, recomendamos fazer o check-in com pelo menos 3 horas de antecedência. O check-in online
241
+ está disponível geralmente de 24 a 48 horas antes do voo, dependendo da companhia aérea.
242
+ </p>
243
+ </div>
244
+ </div>
245
+ </div>
246
+ </div>
247
+ </div>
248
+
249
+ <!-- Footer -->
250
+ <footer class="bg-gray-800 text-white">
251
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
252
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
253
+ <div>
254
+ <h3 class="text-lg font-bold mb-4">SkyPegasus</h3>
255
+ <ul class="space-y-2">
256
+ <li><a href="#" class="text-gray-300 hover:text-white">Sobre nós</a></li>
257
+ <li><a href="#" class="text-gray-300 hover:text-white">Carreiras</a></li>
258
+ <li><a href="#" class="text-gray-300 hover:text-white">Blog</a></li>
259
+ <li><a href="#" class="text-gray-300 hover:text-white">Imprensa</a></li>
260
+ </ul>
261
+ </div>
262
+ <div>
263
+ <h3 class="text-lg font-bold mb-4">Ajuda</h3>
264
+ <ul class="space-y-2">
265
+ <li><a href="#" class="text-gray-300 hover:text-white">Central de Ajuda</a></li>
266
+ <li><a href="#" class="text-gray-300 hover:text-white">Segurança</a></li>
267
+ <li><a href="#" class="text-gray-300 hover:text-white">Perguntas Frequentes</a></li>
268
+ <li><a href="#" class="text-gray-300 hover:text-white">Contato</a></li>
269
+ </ul>
270
+ </div>
271
+ <div>
272
+ <h3 class="text-lg font-bold mb-4">Legal</h3>
273
+ <ul class="space-y-2">
274
+ <li><a href="#" class="text-gray-300 hover:text-white">Termos de Uso</a></li>
275
+ <li><a href="#" class="text-gray-300 hover:text-white">Política de Privacidade</a></li>
276
+ <li><a href="#" class="text-gray-300 hover:text-white">Cookies</a></li>
277
+ <li><a href="#" class="text-gray-300 hover:text-white">Reembolsos</a></li>
278
+ </ul>
279
+ </div>
280
+ <div>
281
+ <h3 class="text-lg font-bold mb-4">Siga-nos</h3>
282
+ <div class="flex space-x-4">
283
+ <a href="#" class="text-gray-300 hover:text-white">
284
+ <i data-feather="facebook" class="w-5 h-5"></i>
285
+ </a>
286
+ <a href="#" class="text-gray-300 hover:text-white">
287
+ <i data-feather="twitter" class="w-5 h-5"></i>
288
+ </a>
289
+ <a href="#" class="text-gray-300 hover:text-white">
290
+ <i data-feather="instagram" class="w-5 h-5"></i>
291
+ </a>
292
+ <a href="#" class="text-gray-300 hover:text-white">
293
+ <i data-feather="linkedin" class="w-5 h-5"></i>
294
+ </a>
295
+ </div>
296
+ <div class="mt-4">
297
+ <p class="text-sm text-gray-400">
298
+ Baixe nosso aplicativo
299
+ </p>
300
+ <div class="flex space-x-2 mt-2">
301
+ <a href="#">
302
+ <img class="h-10" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Download_on_the_App_Store_Badge.svg/1200px-Download_on_the_App_Store_Badge.svg.png" alt="App Store">
303
+ </a>
304
+ <a href="#">
305
+ <img class="h-10" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/Google_Play_Store_badge_EN.svg/1200px-Google_Play_Store_badge_EN.svg.png" alt="Google Play">
306
+ </a>
307
+ </div>
308
+ </div>
309
+ </div>
310
+ </div>
311
+ <div class="mt-12 border-t border-gray-700 pt-8">
312
+ <div class="md:flex md:items-center md:justify-between">
313
+ <div class="text-center md:text-left">
314
+ <p class="text-gray-400">
315
+ &copy; 2023 SkyPegasus. Todos os direitos reservados.
316
+ </p>
317
+ </div>
318
+ <div class="mt-4 md:mt-0">
319
+ <div class="flex items-center justify-center md:justify-end space-x-6">
320
+ <img class="h-8" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Flag_of_Europe.svg/1200px-Flag_of_Europe.svg.png" alt="Europa">
321
+ <img class="h-8" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/05/Flag_of_Brazil.svg/1200px-Flag_of_Brazil.svg.png" alt="Brasil">
322
+ <img class="h-8" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d4/Flag_of_Israel.svg/1200px-Flag_of_Israel.svg.png" alt="Israel">
323
+ </div>
324
+ </div>
325
+ </div>
326
+ </div>
327
+ </div>
328
+ </footer>
329
+
330
+ <script>
331
+ // Initialize feather icons
332
+ feather.replace();
333
+
334
+ // FAQ toggle functionality
335
+ document.querySelectorAll('.border-b button').forEach(button => {
336
+ button.addEventListener('click', () => {
337
+ const content = button.nextElementSibling;
338
+ const icon = button.querySelector('i');
339
+
340
+ content.classList.toggle('hidden');
341
+ icon.classList.toggle('transform');
342
+ icon.classList.toggle('rotate-180');
343
+ });
344
+ });
345
+ </script>
346
+ </body>
347
+ </html>
index.html CHANGED
@@ -44,8 +44,8 @@
44
  <a href="voos.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Voos</a>
45
  <a href="destinos.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Destinos</a>
46
  <a href="ofertas.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Ofertas</a>
47
- <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contato</a>
48
- </div>
49
  </div>
50
  <div class="hidden md:ml-4 md:flex md:items-center">
51
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Minha Conta</button>
 
44
  <a href="voos.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Voos</a>
45
  <a href="destinos.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Destinos</a>
46
  <a href="ofertas.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Ofertas</a>
47
+ <a href="contatos.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contato</a>
48
+ </div>
49
  </div>
50
  <div class="hidden md:ml-4 md:flex md:items-center">
51
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Minha Conta</button>
voos.html CHANGED
@@ -40,8 +40,8 @@
40
  <a href="voos.html" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Voos</a>
41
  <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Destinos</a>
42
  <a href="ofertas.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Ofertas</a>
43
- <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contato</a>
44
- </div>
45
  </div>
46
  <div class="hidden md:ml-4 md:flex md:items-center">
47
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Minha Conta</button>
 
40
  <a href="voos.html" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Voos</a>
41
  <a href="#" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Destinos</a>
42
  <a href="ofertas.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Ofertas</a>
43
+ <a href="contatos.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contato</a>
44
+ </div>
45
  </div>
46
  <div class="hidden md:ml-4 md:flex md:items-center">
47
  <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Minha Conta</button>