-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
267 lines (232 loc) · 9.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>CADENCE - Agencia de Viajes</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link rel="shortcut icon" href="./img/icon.png">
</head>
<body>
<!-- Navegation Menu -->
<nav class="white" role="navigation">
<div class="nav-wrapper container nav" id="nav">
<a id="logo-container" href="#" class="brand-logo">
<img src="./img/logo.png" width="220px" height="60px" style="align-items:center ;" alt="">
</a>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
<li><a href="#" style="color: black;">Inicio</a></li>
<li><a href="#" style="color: black;">Paquetes</a></li>
<li><a href="#" style="color: black;">Destinos</a></li>
<li><a href="#" style="color: black;">Nosotros</a></li>
<li><a href="#" class="btn black white-text waves-effect waves-blue-grey lighten-1" id="contact">Contacto</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a href="#" style="color: black;">Inicio</a></li>
<li><a href="#" style="color: black;">Paquetes</a></li>
<li><a href="#" style="color: black;">Destinos</a></li>
<li><a href="#" style="color: black;">Nosotros</a></li>
<li><a href="#" class="btn white black-text waves-effect waves-blue-grey lighten-1" id="contact">Contacto</a></li>
</ul>
</div>
</nav>
<!-- Slider -->
<section class="slider">
<ul class="slides">
<li>
<img src="img/indonesia-slider.jpg" style="filter:brightness(50%) ;">
<div class="caption center-align">
<h3>¿Estás listo para viajar por todo el mundo?</h3>
<a href="#" class="btn btn-large white black-text waves-effect waves-grey">Ver más</a>
</div>
</li>
<li>
<img src="img/grecia-slider.jpg" style="filter:brightness(50%) ;">
<div class="caption right-align">
<h3>Somos tu mejor opción.</h3>
<a href="#" class="btn btn-large white black-text waves-effect waves-grey">Ver más</a>
</div>
</li>
<li>
<img src="img/singapur-slider.jpg" style="filter:brightness(50%) ;">
<div class="caption left-align">
<h3>Más de 80 millones de viajeros confían en nosotros.</h3>
<a href="#" class="btn btn-large white black-text waves-effect waves-grey">Ver más</a>
</div>
</li>
<li>
<img src="img/nusapenida-slider.webp" style="filter:brightness(50%) ;">
<div class="caption center-align">
<h3>¿A dónde quieres ir? ¡Te llevamos!</h3>
<a href="#" class="btn btn-large white black-text waves-effect waves-grey">Ver más</a>
</div>
</li>
</ul>
</section>
<main>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m3">
<div class="icon-block">
<img src="./img/argentina.webp" alt="">
</div>
</div>
<div class="col s12 m3">
<div class="icon-block">
<img src="./img/brasil.webp" alt="">
</div>
</div>
<div class="col s12 m3">
<div class="icon-block">
<img src="./img/peru.webp" alt="">
</div>
</div>
<div class="col s12 m3">
<div class="icon-block">
<img src="./img/uruguay.webp" alt="">
</div>
</div>
</div>
</div>
<br><br>
</div>
<section>
<div class="row">
<div class="col s12 m6">
<img src="./img/card1.png" class="img1" alt="">
</div>
<div class="col s12 m6">
<h4 class="title1">
Listas guardadas de forma segura
</h4>
<p class="txt1">
Prolijamente organizado para su facilidad de acceso. Vaya a Guardado en la barra de navegación superior, donde guardamos sus elementos guardados. Los agrupamos según la categoría. ¡A solo unos clics de comenzar este viaje! Cuando quieras hacer una compra formulario Guardado.
</p>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col s12 m6">
<h4 class="title2">
Alerta de precio de vuelo
</h4>
<p class="txt2">
Notificaciones instantáneas. Recibirá una alerta tan pronto como los precios del vuelo coincidan con su presupuesto, para que pueda reservar el vuelo correcto en el momento adecuado. Solo necesita completar los detalles de su vuelo deseado, como la hora de salida.
</p>
</div>
<div class="col s12 m6">
<img src="./img/card2.png" class="img2" alt="">
</div>
</div>
</section>
<section>
<div class="row">
<div class="col s12 m6">
<img src="./img/card3.png" class="img3" alt="">
</div>
<div class="col s12 m6">
<h4 class="title3">
Selección rápida de pasajeros
</h4>
<p class="txt3">
Complete los detalles del pasajero ahora, elija al pasajero rápidamente más tarde. Passenger Quick Pick le ahorra la molestia de ingresar los mismos detalles del pasajero cada vez que reserva.
</p>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col s12 m6">
<h4 class="title4">
Fácil reprogramación
</h4>
<p class="txt4">
No más perseguir a la aerolínea. Cambiar su vuelo es solo cuestión de unos pocos clics. ¡Ease Reaschedule finalmente le ahorra tiempo! Abra su billete electrónico a través de Mi Reserva, abra el billete electrónico del vuelo que desea reprogramar.
</p>
</div>
<div class="col s12 m6">
<img src="./img/card4.png" class="img4" alt="">
</div>
</div>
</section>
<section>
<div class="row">
<div class="col s12 m6">
<img src="./img/card5.png" class="img5" alt="">
</div>
<div class="col s12 m6">
<h4 class="title5">
Garantía de estancia
</h4>
<p class="txt5">
Cómo reclamar la garantía de estadía con facilidad. sigue los 4
pasos a continuación. Abre tu Travelok
App (versión mínima 2.9). En la página de inicio, toque Mi
Menú de reservas en la parte inferior de la página. Ver tu...
</p>
</div>
</div>
</section>
<!-- Blog -->
<section class="container">
<h2 class="center">Blog and articles</h2>
<div class="row">
<div class="col s12 m12 l6">
<div class="card hoverable" id="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="./img/friends.webp" id="card-img" style="border-top-left-radius: 30px; border-top-right-radius: 30px;">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">Tendencias de Viaje 2022 - lo que necesitas saber
<i class="material-icons right">more_vert</i></span>
<div class="card-action">
<a href="#" class="btn-large black accent-2" style="border-radius: 30px;">Ver más</a>
</div>
</div>
</div>
</div>
<div class="col s12 m12 l6">
<div class="card hoverable" id="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="./img/hike.jpg" id="card-img" style="border-top-left-radius: 30px; border-top-right-radius: 30px;">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">La guía DEFINITIVA para escalar en Islandia
<i class="material-icons right">more_vert</i></span>
<div class="card-action">
<a href="#" class="btn-large black accent-2" style="border-radius: 30px;">Ver más</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer">
<div class="social-container transparent">
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
<div class="footer-copyright">
<div class="container center footer-text">
Cadence - Agencias de Viajes © Todos los derechos reservados - 2022
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://kit.fontawesome.com/35db202371.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>