Hugging Face's logo

Spaces:
Dmbitfx
/
skypegasus-wings
Running

App Files Community
Dmbitfx commited on
Commit
aec89db
·
verified ·
1 Parent(s): f62d5f3

crie a pagina destinos

Browse files
Files changed (2) hide show
  1. destinos.html +455 -0
  2. index.html +2 -2
destinos.html ADDED
@@ -0,0 +1,455 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Destinos em Israel | 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
+ .destination-card {
16
+ transition: all 0.3s ease;
17
+ }
18
+ .destination-card:hover {
19
+ transform: scale(1.03);
20
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
21
+ }
22
+ .hero-image {
23
+ background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('http://static.photos/travel/1200x630/10');
24
+ background-size: cover;
25
+ background-position: center;
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="bg-gray-50">
30
+ <!-- Navbar -->
31
+ <nav class="bg-white shadow-lg">
32
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
33
+ <div class="flex justify-between h-16">
34
+ <div class="flex items-center">
35
+ <div class="flex-shrink-0 flex items-center">
36
+ <i data-feather="navigation" class="text-blue-600 w-8 h-8"></i>
37
+ <span class="ml-2 text-xl font-bold text-blue-600">SkyPegasus</span>
38
+ </div>
39
+ <div class="hidden md:ml-6 md:flex md:space-x-8">
40
+ <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>
41
+ <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>
42
+ <a href="destinos.html" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Destinos</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">Ofertas</a>
44
+ <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>
45
+ </div>
46
+ </div>
47
+ <div class="hidden md:ml-4 md:flex md:items-center">
48
+ <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Minha Conta</button>
49
+ </div>
50
+ <div class="-mr-2 flex items-center md:hidden">
51
+ <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">
52
+ <i data-feather="menu" class="block h-6 w-6"></i>
53
+ </button>
54
+ </div>
55
+ </div>
56
+ </div>
57
+ </nav>
58
+
59
+ <!-- Hero Section -->
60
+ <div class="hero-image text-white py-32 px-4 sm:px-6 lg:px-8">
61
+ <div class="max-w-7xl mx-auto text-center">
62
+ <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl mb-6">
63
+ Descubra Israel
64
+ </h1>
65
+ <p class="text-xl text-blue-100 max-w-3xl mx-auto">
66
+ Explore os destinos mais incríveis e planeje sua viagem perfeita para a Terra Santa
67
+ </p>
68
+ </div>
69
+ </div>
70
+
71
+ <!-- Main Content -->
72
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
73
+ <div class="text-center mb-12">
74
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
75
+ Principais Cidades para Visitar
76
+ </h2>
77
+ <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4">
78
+ Conheça os destinos mais populares em Israel
79
+ </p>
80
+ </div>
81
+
82
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
83
+ <!-- Tel Aviv -->
84
+ <div class="destination-card bg-white rounded-xl shadow-md overflow-hidden">
85
+ <div class="relative h-64">
86
+ <img class="h-full w-full object-cover" src="http://static.photos/cityscape/640x360/11" alt="Tel Aviv">
87
+ <div class="absolute inset-0 bg-gradient-to-t from-gray-900 via-transparent to-transparent"></div>
88
+ <div class="absolute bottom-0 left-0 p-6">
89
+ <h3 class="text-2xl font-bold text-white">Tel Aviv</h3>
90
+ <p class="text-blue-200">A cidade que nunca dorme</p>
91
+ </div>
92
+ </div>
93
+ <div class="p-6">
94
+ <p class="text-gray-600 mb-4">
95
+ Tel Aviv é o centro financeiro e tecnológico de Israel, conhecida por suas praias, vida noturna vibrante e arquitetura Bauhaus.
96
+ </p>
97
+ <div class="flex justify-between items-center">
98
+ <div class="flex items-center text-sm text-gray-500">
99
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
100
+ <span>Costa Mediterrânea</span>
101
+ </div>
102
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">
103
+ Ver voos <i data-feather="arrow-right" class="w-4 h-4 inline"></i>
104
+ </a>
105
+ </div>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Jerusalém -->
110
+ <div class="destination-card bg-white rounded-xl shadow-md overflow-hidden">
111
+ <div class="relative h-64">
112
+ <img class="h-full w-full object-cover" src="http://static.photos/travel/640x360/12" alt="Jerusalém">
113
+ <div class="absolute inset-0 bg-gradient-to-t from-gray-900 via-transparent to-transparent"></div>
114
+ <div class="absolute bottom-0 left-0 p-6">
115
+ <h3 class="text-2xl font-bold text-white">Jerusalém</h3>
116
+ <p class="text-blue-200">Cidade sagrada para três religiões</p>
117
+ </div>
118
+ </div>
119
+ <div class="p-6">
120
+ <p class="text-gray-600 mb-4">
121
+ Jerusalém é um dos lugares mais sagrados do mundo, com locais históricos como o Muro das Lamentações, a Cúpula da Rocha e a Via Dolorosa.
122
+ </p>
123
+ <div class="flex justify-between items-center">
124
+ <div class="flex items-center text-sm text-gray-500">
125
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
126
+ <span>Montanhas da Judeia</span>
127
+ </div>
128
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">
129
+ Ver voos <i data-feather="arrow-right" class="w-4 h-4 inline"></i>
130
+ </a>
131
+ </div>
132
+ </div>
133
+ </div>
134
+
135
+ <!-- Eilat -->
136
+ <div class="destination-card bg-white rounded-xl shadow-md overflow-hidden">
137
+ <div class="relative h-64">
138
+ <img class="h-full w-full object-cover" src="http://static.photos/travel/640x360/13" alt="Eilat">
139
+ <div class="absolute inset-0 bg-gradient-to-t from-gray-900 via-transparent to-transparent"></div>
140
+ <div class="absolute bottom-0 left-0 p-6">
141
+ <h3 class="text-2xl font-bold text-white">Eilat</h3>
142
+ <p class="text-blue-200">Paraíso no Mar Vermelho</p>
143
+ </div>
144
+ </div>
145
+ <div class="p-6">
146
+ <p class="text-gray-600 mb-4">
147
+ Eilat é o principal destino de resort de Israel, com praias de areia, hotéis de luxo e alguns dos melhores locais de mergulho do mundo.
148
+ </p>
149
+ <div class="flex justify-between items-center">
150
+ <div class="flex items-center text-sm text-gray-500">
151
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
152
+ <span>Extremo sul de Israel</span>
153
+ </div>
154
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">
155
+ Ver voos <i data-feather="arrow-right" class="w-4 h-4 inline"></i>
156
+ </a>
157
+ </div>
158
+ </div>
159
+ </div>
160
+
161
+ <!-- Haifa -->
162
+ <div class="destination-card bg-white rounded-xl shadow-md overflow-hidden">
163
+ <div class="relative h-64">
164
+ <img class="h-full w-full object-cover" src="http://static.photos/travel/640x360/14" alt="Haifa">
165
+ <div class="absolute inset-0 bg-gradient-to-t from-gray-900 via-transparent to-transparent"></div>
166
+ <div class="absolute bottom-0 left-0 p-6">
167
+ <h3 class="text-2xl font-bold text-white">Haifa</h3>
168
+ <p class="text-blue-200">Cidade portuária multicultural</p>
169
+ </div>
170
+ </div>
171
+ <div class="p-6">
172
+ <p class="text-gray-600 mb-4">
173
+ Haifa é conhecida por seus Jardins Bahá'í, uma maravilha paisagística e local sagrado, além de ser um importante centro industrial e tecnológico.
174
+ </p>
175
+ <div class="flex justify-between items-center">
176
+ <div class="flex items-center text-sm text-gray-500">
177
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
178
+ <span>Norte de Israel</span>
179
+ </div>
180
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">
181
+ Ver voos <i data-feather="arrow-right" class="w-4 h-4 inline"></i>
182
+ </a>
183
+ </div>
184
+ </div>
185
+ </div>
186
+
187
+ <!-- Mar Morto -->
188
+ <div class="destination-card bg-white rounded-xl shadow-md overflow-hidden">
189
+ <div class="relative h-64">
190
+ <img class="h-full w-full object-cover" src="http://static.photos/travel/640x360/15" alt="Mar Morto">
191
+ <div class="absolute inset-0 bg-gradient-to-t from-gray-900 via-transparent to-transparent"></div>
192
+ <div class="absolute bottom-0 left-0 p-6">
193
+ <h3 class="text-2xl font-bold text-white">Mar Morto</h3>
194
+ <p class="text-blue-200">O ponto mais baixo da Terra</p>
195
+ </div>
196
+ </div>
197
+ <div class="p-6">
198
+ <p class="text-gray-600 mb-4">
199
+ O Mar Morto é famoso por sua água extremamente salgada que permite flutuar facilmente, e suas lama terapêuticas ricas em minerais.
200
+ </p>
201
+ <div class="flex justify-between items-center">
202
+ <div class="flex items-center text-sm text-gray-500">
203
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
204
+ <span>Fronteira com a Jordânia</span>
205
+ </div>
206
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">
207
+ Ver voos <i data-feather="arrow-right" class="w-4 h-4 inline"></i>
208
+ </a>
209
+ </div>
210
+ </div>
211
+ </div>
212
+
213
+ <!-- Nazaré -->
214
+ <div class="destination-card bg-white rounded-xl shadow-md overflow-hidden">
215
+ <div class="relative h-64">
216
+ <img class="h-full w-full object-cover" src="http://static.photos/travel/640x360/16" alt="Nazaré">
217
+ <div class="absolute inset-0 bg-gradient-to-t from-gray-900 via-transparent to-transparent"></div>
218
+ <div class="absolute bottom-0 left-0 p-6">
219
+ <h3 class="text-2xl font-bold text-white">Nazaré</h3>
220
+ <p class="text-blue-200">Cidade da infância de Jesus</p>
221
+ </div>
222
+ </div>
223
+ <div class="p-6">
224
+ <p class="text-gray-600 mb-4">
225
+ Nazaré é a maior cidade árabe de Israel e um importante local de peregrinação cristã, lar da Basílica da Anunciação.
226
+ </p>
227
+ <div class="flex justify-between items-center">
228
+ <div class="flex items-center text-sm text-gray-500">
229
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
230
+ <span>Galileia, norte de Israel</span>
231
+ </div>
232
+ <a href="#" class="text-blue-600 hover:text-blue-800 font-medium text-sm">
233
+ Ver voos <i data-feather="arrow-right" class="w-4 h-4 inline"></i>
234
+ </a>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </div>
239
+ </div>
240
+
241
+ <!-- Attractions Section -->
242
+ <div class="bg-gray-100 py-16">
243
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
244
+ <div class="text-center mb-12">
245
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
246
+ Principais Atrações Turísticas
247
+ </h2>
248
+ <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4">
249
+ Locais imperdíveis em sua viagem para Israel
250
+ </p>
251
+ </div>
252
+
253
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
254
+ <div class="bg-white p-6 rounded-lg shadow-sm">
255
+ <div class="relative h-48 mb-4 rounded-lg overflow-hidden">
256
+ <img class="h-full w-full object-cover" src="http://static.photos/travel/640x360/17" alt="Muro das Lamentações">
257
+ </div>
258
+ <h3 class="text-xl font-bold mb-2">Muro das Lamentações</h3>
259
+ <p class="text-gray-600 mb-4">
260
+ O local mais sagrado do judaísmo, último remanescente do antigo Templo de Jerusalém.
261
+ </p>
262
+ <div class="flex items-center text-blue-600 font-medium">
263
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
264
+ <span>Jerusalém</span>
265
+ </div>
266
+ </div>
267
+
268
+ <div class="bg-white p-6 rounded-lg shadow-sm">
269
+ <div class="relative h-48 mb-4 rounded-lg overflow-hidden">
270
+ <img class="h-full w-full object-cover" src="http://static.photos/travel/640x360/18" alt="Massada">
271
+ </div>
272
+ <h3 class="text-xl font-bold mb-2">Massada</h3>
273
+ <p class="text-gray-600 mb-4">
274
+ Fortaleza antiga no topo de uma montanha com vistas deslumbrantes do deserto e do Mar Morto.
275
+ </p>
276
+ <div class="flex items-center text-blue-600 font-medium">
277
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
278
+ <span>Deserto da Judeia</span>
279
+ </div>
280
+ </div>
281
+
282
+ <div class="bg-white p-6 rounded-lg shadow-sm">
283
+ <div class="relative h-48 mb-4 rounded-lg overflow-hidden">
284
+ <img class="h-full w-full object-cover" src="http://static.photos/travel/640x360/19" alt="Jardins Bahá'í">
285
+ </div>
286
+ <h3 class="text-xl font-bold mb-2">Jardins Bahá'í</h3>
287
+ <p class="text-gray-600 mb-4">
288
+ Terraços ajardinados em cascata com vistas espetaculares da cidade e da baía de Haifa.
289
+ </p>
290
+ <div class="flex items-center text-blue-600 font-medium">
291
+ <i data-feather="map-pin" class="w-4 h-4 mr-1"></i>
292
+ <span>Haifa</span>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </div>
297
+ </div>
298
+
299
+ <!-- Tips Section -->
300
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
301
+ <div class="text-center mb-12">
302
+ <h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
303
+ Dicas para sua Viagem
304
+ </h2>
305
+ <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4">
306
+ Informações úteis para planejar sua estadia em Israel
307
+ </p>
308
+ </div>
309
+
310
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
311
+ <div class="bg-white p-6 rounded-lg shadow-sm">
312
+ <div class="flex items-start">
313
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg text-blue-600 mr-4">
314
+ <i data-feather="dollar-sign" class="w-6 h-6"></i>
315
+ </div>
316
+ <div>
317
+ <h3 class="text-lg font-bold mb-2">Moeda Local</h3>
318
+ <p class="text-gray-600">
319
+ A moeda oficial de Israel é o Novo Shekel Israelense (₪). Cartões de crédito são amplamente aceitos, mas é recomendável ter algum dinheiro em espécie para pequenas compras.
320
+ </p>
321
+ </div>
322
+ </div>
323
+ </div>
324
+
325
+ <div class="bg-white p-6 rounded-lg shadow-sm">
326
+ <div class="flex items-start">
327
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg text-blue-600 mr-4">
328
+ <i data-feather="sun" class="w-6 h-6"></i>
329
+ </div>
330
+ <div>
331
+ <h3 class="text-lg font-bold mb-2">Clima</h3>
332
+ <p class="text-gray-600">
333
+ Israel tem um clima mediterrâneo com verões quentes e secos (abril-outubro) e invernos amenos (novembro-março). Verifique a previsão do tempo antes de viajar.
334
+ </p>
335
+ </div>
336
+ </div>
337
+ </div>
338
+
339
+ <div class="bg-white p-6 rounded-lg shadow-sm">
340
+ <div class="flex items-start">
341
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg text-blue-600 mr-4">
342
+ <i data-feather="globe" class="w-6 h-6"></i>
343
+ </div>
344
+ <div>
345
+ <h3 class="text-lg font-bold mb-2">Idioma</h3>
346
+ <p class="text-gray-600">
347
+ Hebraico e árabe são os idiomas oficiais, mas o inglês é amplamente falado, especialmente em áreas turísticas.
348
+ </p>
349
+ </div>
350
+ </div>
351
+ </div>
352
+
353
+ <div class="bg-white p-6 rounded-lg shadow-sm">
354
+ <div class="flex items-start">
355
+ <div class="flex-shrink-0 bg-blue-100 p-3 rounded-lg text-blue-600 mr-4">
356
+ <i data-feather="calendar" class="w-6 h-6"></i>
357
+ </div>
358
+ <div>
359
+ <h3 class="text-lg font-bold mb-2">Feriados e Shabat</h3>
360
+ <p class="text-gray-600">
361
+ Verifique o calendário judaico, pois muitos estabelecimentos fecham durante o Shabat (sexta-feira ao pôr do sol até sábado ao anoitecer) e feriados religiosos.
362
+ </p>
363
+ </div>
364
+ </div>
365
+ </div>
366
+ </div>
367
+ </div>
368
+
369
+ <!-- Footer -->
370
+ <footer class="bg-gray-800 text-white">
371
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
372
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
373
+ <div>
374
+ <h3 class="text-lg font-bold mb-4">SkyPegasus</h3>
375
+ <ul class="space-y-2">
376
+ <li><a href="#" class="text-gray-300 hover:text-white">Sobre nós</a></li>
377
+ <li><a href="#" class="text-gray-300 hover:text-white">Carreiras</a></li>
378
+ <li><a href="#" class="text-gray-300 hover:text-white">Blog</a></li>
379
+ <li><a href="#" class="text-gray-300 hover:text-white">Imprensa</a></li>
380
+ </ul>
381
+ </div>
382
+ <div>
383
+ <h3 class="text-lg font-bold mb-4">Ajuda</h3>
384
+ <ul class="space-y-2">
385
+ <li><a href="#" class="text-gray-300 hover:text-white">Central de Ajuda</a></li>
386
+ <li><a href="#" class="text-gray-300 hover:text-white">Segurança</a></li>
387
+ <li><a href="#" class="text-gray-300 hover:text-white">Perguntas Frequentes</a></li>
388
+ <li><a href="#" class="text-gray-300 hover:text-white">Contato</a></li>
389
+ </ul>
390
+ </div>
391
+ <div>
392
+ <h3 class="text-lg font-bold mb-4">Legal</h3>
393
+ <ul class="space-y-2">
394
+ <li><a href="#" class="text-gray-300 hover:text-white">Termos de Uso</a></li>
395
+ <li><a href="#" class="text-gray-300 hover:text-white">Política de Privacidade</a></li>
396
+ <li><a href="#" class="text-gray-300 hover:text-white">Cookies</a></li>
397
+ <li><a href="#" class="text-gray-300 hover:text-white">Reembolsos</a></li>
398
+ </ul>
399
+ </div>
400
+ <div>
401
+ <h3 class="text-lg font-bold mb-4">Siga-nos</h3>
402
+ <div class="flex space-x-4">
403
+ <a href="#" class="text-gray-300 hover:text-white">
404
+ <i data-feather="facebook" class="w-5 h-5"></i>
405
+ </a>
406
+ <a href="#" class="text-gray-300 hover:text-white">
407
+ <i data-feather="twitter" class="w-5 h-5"></i>
408
+ </a>
409
+ <a href="#" class="text-gray-300 hover:text-white">
410
+ <i data-feather="instagram" class="w-5 h-5"></i>
411
+ </a>
412
+ <a href="#" class="text-gray-300 hover:text-white">
413
+ <i data-feather="linkedin" class="w-5 h-5"></i>
414
+ </a>
415
+ </div>
416
+ <div class="mt-4">
417
+ <p class="text-sm text-gray-400">
418
+ Baixe nosso aplicativo
419
+ </p>
420
+ <div class="flex space-x-2 mt-2">
421
+ <a href="#">
422
+ <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">
423
+ </a>
424
+ <a href="#">
425
+ <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">
426
+ </a>
427
+ </div>
428
+ </div>
429
+ </div>
430
+ </div>
431
+ <div class="mt-12 border-t border-gray-700 pt-8">
432
+ <div class="md:flex md:items-center md:justify-between">
433
+ <div class="text-center md:text-left">
434
+ <p class="text-gray-400">
435
+ &copy; 2023 SkyPegasus. Todos os direitos reservados.
436
+ </p>
437
+ </div>
438
+ <div class="mt-4 md:mt-0">
439
+ <div class="flex items-center justify-center md:justify-end space-x-6">
440
+ <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">
441
+ <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">
442
+ <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">
443
+ </div>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ </div>
448
+ </footer>
449
+
450
+ <script>
451
+ // Initialize feather icons
452
+ feather.replace();
453
+ </script>
454
+ </body>
455
+ </html>
index.html CHANGED
@@ -42,8 +42,8 @@
42
  <div class="hidden md:ml-6 md:flex md:space-x-8">
43
  <a href="index.html" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>
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="#" 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="#" 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>
 
42
  <div class="hidden md:ml-6 md:flex md:space-x-8">
43
  <a href="index.html" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a>
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="#" 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>