-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservicios.html
308 lines (267 loc) · 14.5 KB
/
servicios.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
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
<div class="uk-overflow-container" style="background-color: white;">
<h2 class=" uk-margin-top uk-margin-left">Oferta de Servicios</h2>
<p class="uk-margin-left">
Ofrecemos una serie de ofertas para nuestros clientes.
<p>
<div class="uk-container uk-container-center uk-margin-large-left uk-margin-large-bottom uk-margin-large-top">
<div class="uk-grid">
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-1'}" ><a href=""
style="text-decoration: none; "><i class="uk-icon-wifi uk-icon-medium uk-margin-right"></i>Wifi</a>
</h4>
</div>
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-2a'}"><a href=""
style="text-decoration: none; "><i class="uk-icon-bed uk-icon-medium uk-margin-right"></i>Servicio de Habitaciones</a>
</h4>
</div>
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-3'}"><a href=""
style="text-decoration: none; "><i class="uk-icon-cutlery uk-icon-medium uk-margin-right"></i>Bar</a>
</h4>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-4'}" ><a href=""
style="text-decoration: none; "><i class="uk-icon-paw uk-icon-medium uk-margin-right"></i>Habitaciones con admisión de animales</a>
</h4>
</div>
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-5'}"><a href=""
style="text-decoration: none; "><i class="uk-icon-laptop uk-icon-medium uk-margin-right"></i>Servicio de ordenador en recepción</a>
</h4>
</div>
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-6'}"><a href=""
style="text-decoration: none; "><i class="uk-icon-paper-plane uk-icon-medium uk-margin-right"></i>Duchas hidromasaje</a>
</h4>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-7'}"><a href=""
style="text-decoration: none; "><i class="uk-icon-mixcloud uk-icon-medium uk-margin-right"></i>Aire climatizado</a>
</h4>
</div>
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-8'}"><a href=""
style="text-decoration: none; "><i class="uk-icon-paper-plane-o uk-icon-medium uk-margin-right"></i>Bañera hidromasaje</a>
</h4>
</div>
<div class="uk-width-small-1-3">
<h4 data-uk-modal="{target:'#Modal-9'}"><a href=""
style="text-decoration: none; "><i class="uk-icon-beer uk-icon-medium uk-margin-right"></i>Minibar</a>
</h4>
</div>
</div>
<br class="uk-margin-large-top">
<h4 class="tm-article-subtitle uk-margin-large-top"> <small>Si desea realizar alguna consulta puede llamar a recepción al teléfono <dfn>955 55 55 55 .</dfn></small></h4>
</div>
</div>
</div>
<!--DISEÑO DE LOS MODALES -->
<!--Definición del mensaje que se muestra -->
<div id="Modal-1" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-wifi"></i> <strong>Wifi</strong></h3></div>
<p>Nuesto hotel dispone de conexión wifi de alta velocidad en todas las instalaciones
al servicio de nuestros clientes.</p>
</div>
</div>
<div id="Modal-2a" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-bed"></i> <strong>Servicio de habitaciones</strong></h3></div>
<ul class="uk-subnav uk-subnav-line">
<li class="uk-active"><a href="">Almohadas</a></li>
<li><a data-uk-modal="{target:'#Modal-2b'}">Despertador</a></li>
<li><a data-uk-modal="{target:'#Modal-2c'}">Limpieza</a></li>
</ul>
<div class="uk-grid">
<div class="uk-width-1-2">
Puede solicitar un <strong>tipo de almohada</strong> específico, sólo seleccionelo y nuestro
personal se lo proporcionará en su habitación.
<br>
<br>
<label><input type="checkbox"> Otra almohada</label>
<br>
<label><input type="checkbox"> Viscoelástica</label>
<br>
<label><input type="checkbox"> Extra dura</label>
</div>
<div class="uk-width-1-2">
<small>Para disfrutar de este servicio introduzca su código de cliente y solicítelo.</small>
<form class="uk-form uk-margin-top">
<input type="text" placeholder="Código" class="uk-form-small uk-form-success"> <button class="uk-button uk-button-small uk-button-success" type="button">Solicitar</button>
</form>
</div>
</div>
<h4 class="tm-article-subtitle">
<small>Si desea realizar alguna consulta puede llamar a recepción al tlf. <dfn>955 55 55 55 .</dfn></small>
</h4>
</div>
</div>
<div id="Modal-2b" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-bed"></i> <strong>Servicio de habitaciones</strong></h3></div>
<ul class="uk-subnav uk-subnav-line">
<li><a data-uk-modal="{target:'#Modal-2a'}">Almohadas</a></li>
<li class="uk-active"><a>Despertador</a></li>
<li><a data-uk-modal="{target:'#Modal-2c'}">Limpieza</a></li>
</ul>
<div class="uk-grid">
<div class="uk-width-1-2">
Puede solicitar que le <strong>despierten</strong> a la hora que used desee, tan solo
especifíquela y solicítelo.
<form class="uk-form uk-margin-top">
<input type="text" placeholder="00" class="uk-form-danger uk-form-width-mini uk-text-center"> : <input type="text" placeholder="00" class="uk-form-danger uk-form-width-mini uk-text-center">
</form>
</div>
<div class="uk-width-1-2">
<small>Para disfrutar de este servicio introduzca su código de cliente y solicítelo.</small>
<form class="uk-form uk-margin-top">
<input type="text" placeholder="Código" class="uk-form-small uk-form-success"> <button class="uk-button uk-button-small uk-button-success" type="button">Solicitar</button>
</form>
</div>
</div>
<h4 class="tm-article-subtitle">
<small>Si desea realizar alguna consulta puede llamar a recepción al tlf. <dfn>955 55 55 55 .</dfn></small>
</h4>
</div>
</div>
<div id="Modal-2c" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-bed"></i> <strong>Servicio de habitaciones</strong></h3></div>
<ul class="uk-subnav uk-subnav-line">
<li><a data-uk-modal="{target:'#Modal-2a'}">Almohadas</a></li>
<li><a data-uk-modal="{target:'#Modal-2b'}">Despertador</a></li>
<li class="uk-active"><a>Limpieza</a></li>
</ul>
<div class="uk-grid">
<div class="uk-width-1-2">
Nuestro servicio de habitaciones suele trabajar en el periodo 12:00-13:00 pero si usted no desea
que le molesten pueden <strong>aplazar el servicio de limpieza</strong> a otra hora.
<br>
<br>
<label><input type="checkbox"> 9:00-10:00</label>
<br>
<label><input type="checkbox"> 16:00-17:00</label>
<br>
<label><input type="checkbox"> 17:00-18:00</label>
</div>
<div class="uk-width-1-2">
<small>Para disfrutar de este servicio introduzca su código de cliente y solicítelo.</small>
<form class="uk-form uk-margin-top">
<input type="text" placeholder="Código" class="uk-form-small uk-form-success"> <button class="uk-button uk-button-small uk-button-success" type="button">Solicitar</button>
</form>
</div>
</div>
<h4 class="tm-article-subtitle">
<small>Si desea realizar alguna consulta puede llamar a recepción al tlf. <dfn>955 55 55 55 .</dfn></small>
</h4>
</div>
</div>
<div id="Modal-3" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-cutlery"></i> <strong>BAR</strong></h3></div>
<p>Nuestra cafetería cuenta con una amplia variedad de productos</p>
<img src="images/bar.jpg" width="600px" height="700px" alt="images/bar.jpg">
<table class="uk-table">
<thead>
<tr>
<th>Producto</th>
<th>Precio</th>
</tr>
</thead>
<tbody>
<tr>
<td>Ración de churros con chocolate</td>
<td>2€</td>
</tr>
<tr>
<td>Surtido de jamón y queso</td>
<td>5€</td>
</tr>
<tr>
<td>Salmorejo </td>
<td>2€</td>
</tr>
<tr>
<td>Hamburguesa </td>
<td>2€</td>
</tr>
<tr>
<td>Bocadillo de Lomo </td>
<td>2€</td>
</tr>
<tr>
<td>Pincho de tortilla </td>
<td>2€</td>
</tr>
<tr>
<td>Refrescos </td>
<td>2€</td>
</tr>
</tbody>
</table>
<h4 class="tm-article-subtitle"> <small>Si desea realizar alguna consulta puede llamar al teléfono <dfn>666 66 66 66 .</dfn></small></h4>
</div>
</div>
<div id="Modal-4" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-paw"></i> <strong>Habitación con admisión de animales</strong></h3></div>
<img src="images/perrete.jpg" width="600px" height="700px" alt="images/perrete.jpg">
<p>Si trae mascota en recepción puede pedir esta opción.
Le proporcionaremos una cama para su mascota y la alimentación que requiera.</p>
</div>
</div>
<div id="Modal-5" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-laptop"></i> <strong>Servicio de ordenador en recepción</strong></h3></div>
<p>Contamos con servicio de ordenador en recepción para nuestros clientes.
Ponemos a su disposión ordenadores de última generación a su disposión.
Ustedes son libres de utilizar nuestros equipos para lo que requieran.</p>
</div>
</div>
<div id="Modal-6" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-paper-plane"></i> <strong>Duchas con hidromasaje</strong></h3></div>
<img src="images/ducha.jpg" width="600px" height="700px" alt="images/ducha.jpg">
<p>Todas nuestras habitaciones cuentan con duchas de hidromasaje.
De esta forma ustedes podrán relajarse con una ducha relajante.</p>
</div>
</div>
<div id="Modal-7" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-mixcloud"></i> <strong>Aire climatizado</strong></h3></div>
<p>Todas nuestras habitaciones cuentan con arire climatizado.
De esta forma ustedes pueden regular independientemente la temparatura de su habitación, no tendrán por que pasar frio ni calor.</p>
</div>
</div>
<div id="Modal-8" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-paper-plane-o"></i> <strong>Bañera hidromasaje</strong></h3></div>
<img src="images/bañera.jpg" width="600px" height="700px" alt="images/bañera.jpg">
<p>En caso de que usted haya reservado una habitación de nuestra última planta, tiene a su disposición una bañera de hidromasaje además de la ducha de hidromasaje.
Usted podrá relajarse disfrutando de las maravillosas vistas de las que dispone nuestro hotel dada su gran localización.</p>
</div>
</div>
<div id="Modal-9" class="uk-modal" aria-hidden="true">
<div class="uk-modal-dialog uk-modal-dialog-center ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-modal-header"><h3><i class="uk-icon-beer"></i> <strong>Minibar</strong></h3></div>
<p>Todas las habitaciones cuentan con minibar.
De esta forma usted podrá disponer de cualquier alimento que precise sin necesidad de tener que llamar a recepción o ir a nuestra cafetería.</p>
</div>
</div>
<!--Fin DISEÑO MODALES -->