-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservice.html
331 lines (314 loc) · 18.4 KB
/
service.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
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kairos - Barberia</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<!-- CSS Libraries -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Top Bar Start -->
<div class="top-bar d-none d-md-block">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="top-bar-left">
<div class="text">
<h2>10 a 13 y 17 a 21</h2>
<p>Abierto de lunes a viernes</p>
</div>
<div class="text">
<a href="https://kairos.luqueo.com/" target="_blank" style="color: white;">Reservar turno</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="top-bar-right">
<div class="social">
<a href="https://www.instagram.com/kairosbarber_/" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Top Bar End -->
<!-- Nav Bar Start -->
<div class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-fluid">
<a href="index.html" class="navbar-brand"><img src="img/logo.png"/></a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav ml-auto">
<a href="index.html" class="nav-item nav-link">Home</a>
<a href="about.html" class="nav-item nav-link">Sobre nosotros</a>
<a href="service.html" class="nav-item nav-link active">Servicios</a>
<a href="https://kairos.luqueo.com/" target="_blank" class="nav-item nav-link">Turnos</a>
<a href="contact.html" class="nav-item nav-link">Contacto</a>
</div>
</div>
</div>
</div>
<!-- Nav Bar End -->
<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Servicios</h2>
</div>
<div class="col-12">
<a href="index.html">Inicio</a>
<a href="service.html">Servicios</a>
</div>
</div>
</div>
</div>
<!-- Page Header End -->
<!-- Service Start -->
<div class="service">
<div class="container">
<div class="section-header text-center">
<p>Servicios de salón</p>
<h2>Servicios de nuestro salón</h2>
</div>
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/1.jpeg" alt="Image">
</div>
<h3>Corte de pelo Undercut</h3>
<p>
El corte Undercut se caracteriza por tener el cabello corto en los lados y la parte posterior, mientras que la parte superior se mantiene más larga y se puede peinar de diferentes formas. Es un estilo versátil que permite experimentar con diferentes peinados y texturas.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/2.jpeg" alt="Image">
</div>
<h3>Corte de pelo Fade</h3>
<p>
El corte Fade es un estilo en el que el cabello se corta gradualmente desde corto a largo, generalmente desvaneciéndose en los lados y la parte posterior. Este corte ofrece un aspecto limpio y fresco, con una transición suave entre las longitudes del cabello.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/3.jpeg" alt="Image">
</div>
<h3>Corte de pelo Pompadour</h3>
<p>
Este corte implica tener el cabello corto en los lados y la parte posterior, mientras que la parte superior se deja más larga y se peina hacia atrás. Es un estilo clásico y elegante que destaca por su volumen y altura en la parte superior.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/4.jpeg" alt="Image">
</div>
<h3>Corte de pelo Crew Cut</h3>
<p>
Este corte es corto y uniforme en todas las áreas de la cabeza. Es un estilo clásico y atemporal que es fácil de mantener y adecuado para hombres que prefieren un look más discreto y de bajo mantenimiento.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/5.jpeg" alt="Image">
</div>
<h3>Corte de pelo Buzz Cut</h3>
<p>
El corte Buzz implica recortar el cabello muy corto y de manera uniforme en todas las áreas de la cabeza, generalmente utilizando una máquina de cortar. Es un estilo de bajo mantenimiento y proporciona un aspecto limpio y fresco.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/6.jpeg" alt="Image">
</div>
<h3>Corte de pelo Texturizado</h3>
<p>
Este corte implica agregar textura al cabello mediante técnicas de desfilado, adelgazamiento o el uso de productos específicos. La textura puede ayudar a darle más volumen y movimiento al cabello, creando un estilo moderno y dinámico.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/7.jpeg" alt="Image">
</div>
<h3>Corte de pelo Quiff</h3>
<p>
El corte Quiff presenta el cabello corto en los lados y la parte posterior, con un mechón de cabello largo en la parte superior que se peina hacia arriba y hacia adelante. Es un estilo elegante y audaz que requiere un poco más de tiempo y esfuerzo en el peinado.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/8.jpeg" alt="Image">
</div>
<h3>Barba completa</h3>
<p>
Este estilo implica dejar crecer tanto el bigote como la barba en toda la cara. Se recorta y se da forma para lograr una apariencia densa y completa. Es importante mantenerla bien arreglada y recortada regularmente para evitar que se vea desaliñada.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/9.jpeg" alt="Image">
</div>
<h3>Barba de candado</h3>
<p>
También conocida como barba de chivo o barba de perilla, consiste en dejar crecer solo el pelo en el mentón y mantener el resto de la cara afeitada o con poco vello. La barba de candado se caracteriza por tener una línea bien definida en la mandíbula y es popular por su apariencia masculina y atrevida.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/10.jpeg" alt="Image">
</div>
<h3>Barba de tres días</h3>
<p>
Es un estilo de barba corta que se logra dejando crecer el vello facial durante tres días sin afeitarse. Suele ser una opción popular para aquellos que desean una apariencia más rústica y desenfadada. Se puede recortar y dar forma según las preferencias individuales.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/11.jpeg" alt="Image">
</div>
<h3>Barba sombreada</h3>
<p>
Este estilo implica recortar la barba a una longitud uniforme y mantenerla bien arreglada para lograr un aspecto sombreado. Se utiliza una recortadora de barba con un ajuste de longitud para lograr una apariencia uniforme en toda la barba.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/12.jpeg" alt="Image">
</div>
<h3>Barba de perilla</h3>
<p>
Consiste en dejar crecer solo el pelo en el mentón y mantener el resto de la cara afeitada. La perilla puede ser corta o larga, y se puede dar forma de diferentes maneras para adaptarse a la forma de la cara y al estilo personal.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/13.jpeg" alt="Image">
</div>
<h3>Barba Van Dyke</h3>
<p>
Este estilo combina un bigote bien cuidado con una perilla bien definida. El bigote se mantiene separado de la perilla, y ambos se recortan y dan forma para lograr líneas limpias y definidas. Es un estilo elegante y distintivo.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="service-item">
<div class="service-img">
<img src="img/14.jpeg" alt="Image">
</div>
<h3>Barba de ancla</h3>
<p>
Se caracteriza por una combinación de bigote, perilla y barba en los laterales de la cara, que se asemejan a la forma de un ancla. El bigote y la perilla se recortan y dan forma, mientras que los laterales de la barba se mantienen más cortos. Requiere un poco de atención para mantener su forma.
</p>
<a class="btn" href="https://kairos.luqueo.com/">Reservar turno</a>
</div>
</div>
</div>
</div>
</div>
<!-- Service End -->
<!-- Footer Start -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="row">
<div class="col-md-6">
<div class="footer-contact">
<h2>Ubicación del salón</h2>
<p><i class="fa fa-map-marker-alt"></i>Calle 3 N°1522, Santa Teresita, Buenos Aires, Argentina</p>
</div>
</div>
<div class="col-md-6">
<div class="footer-contact">
<h2>Contacto</h2>
<p><i class="fa fa-envelope"></i>kairos.barber.arg@gmail.com</p>
<div class="footer-social">
<a href=""><i class="fab fa-instagram"></i></a>
<a href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container copyright">
<div class="row">
<div class="col-md-6">
<p>© <a href="#">Kairos</a>, todos los derechos reservados.</p>
</div>
<div class="col-md-6">
<p>Template <a href="https://htmlcodex.com" target="_blank">HTML Codex</a></p>
<p>Diseñado <a href="https://instagram.com/EZE_404_" target="_blank">EZE_</a></p>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<!-- Contact Javascript File -->
<script src="mail/jqBootstrapValidation.min.js"></script>
<script src="mail/contact.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>