-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
536 lines (499 loc) · 31.7 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
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
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
<!doctype html>
<html>
<head>
<!--Desarrollado por DFuture https://dfuture.com.mx/-->
<!--Basics-->
<meta lang="es">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://superautomotrizmg.com">
<meta name="robots" content="index, follow">
<!--SEO-->
<title>Super Automotriz MG</title>
<link rel="apple-touch-icon" sizes="180x180" href="/img/logo/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/logo/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/logo/favicon-16x16.png">
<link rel="manifest" href="/img/logo/site.webmanifest">
<link rel="mask-icon" href="/img/logo/safari-pinned-tab.svg" color="#fdcd02">
<link rel="shortcut icon" href="/img/logo/favicon.ico">
<meta name="msapplication-TileColor" content="#333333">
<meta name="msapplication-config" content="/img/logo/browserconfig.xml">
<meta name="theme-color" content="#333333">
<meta name="description" content="Servicios de mecánica automotriz de alta calidad en Monterrey, México. Expertos en afinación, frenos, dirección y suspensión. Excelencia mecánica.">
<meta name="keywords" content="mecánica automotriz, afinación, frenos, dirección y suspensión, reparación de autos, taller mecánico, Monterrey, México, taller mecanico cumbres, afinacion monterrey">
<meta name="author" content="Super Automotriz MG">
<!-- Open Graph / Facebook -->
<meta property="og:title" content="Super Automotriz MG">
<meta property="og:description" content="Servicios de mecánica automotriz de alta calidad en Monterrey, México. Expertos en afinación, frenos, dirección y suspensión. Contáctanos para una excelencia mecánica.">
<meta property="og:image" content="https://example.com/img/og-image.jpg">
<meta property="og:url" content="https://superautomotrizmg.com/img/background/socialMedia.png">
<meta property="og:type" content="website">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Super Automotriz MG">
<meta name="twitter:description" content="Servicios de mecánica automotriz de alta calidad en Monterrey, México. Expertos en afinación, frenos, dirección y suspensión. Contáctanos para una excelencia mecánica.">
<meta name="twitter:image" content="https://superautomotrizmg.com/img/background/socialMedia.png">
<!-- Google analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-37H7BWVTT8"></script>
<script src="analytics.js"></script>
<!--Google ads-->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-11264900726"></script>
<!--Font-->
<link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
<!--Custom css-->
<link rel="stylesheet" href="styles.css">
<!--Whatsapp-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!--Tailwind-->
<script src="https://cdn.tailwindcss.com"></script>
<script src="tailwindconfig.js"></script>
<!--Animations-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!-- Include the Intersection Observer polyfill -->
<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"></script>
<!-- Custom JavaScript for animations -->
<script src="animations.js"></script>
</head>
<body>
<!-- nav bar -->
<nav class="bg-darkBlue p-4 sticky-nav">
<div class="container mx-auto flex justify-between items-center">
<img src="img/logo/logo.png" alt="Logo Super Automotriz MG" class="w-35 h-20">
<button id="hamburger" class="lg:hidden text-white">
<i class="fa fa-bars"></i>
</button>
<ul class="flex space-x-10 hidden lg:flex" id="navList">
<li><a href="#" class="text-white font-bold hover:text-yellowAccent">INICIO</a></li>
<li><a href="#servicios" class="text-white font-bold hover:text-yellowAccent">SERVICIOS</a></li>
<li><a href="#nosotros" class="text-white font-bold hover:text-yellowAccent">NOSOTROS</a></li>
<li><a href="#contacto" class="text-white font-bold hover:text-yellowAccent">CONTACTO</a></li>
</ul>
</div>
</nav>
<!-- Mobile menu -->
<div class="bg-darkBlue text-white shadow-lg mobile-menu hidden sticky-nav-menu">
<div class="max-w-6xl mx-auto px-4 text-justify">
<ul class="flex flex-col space-y-4 py-4">
<li><a href="#" class="font-semibold hover:text-yellowAccent transition duration-300">INICIO</a></li>
<li><a href="#servicios" class="font-semibold hover:text-yellowAccent transition duration-300">SERVICIOS</a></li>
<li><a href="#nosotros" class="font-semibold hover:text-yellowAccent transition duration-300">NOSOTROS</a></li>
<li><a href="#contacto" class="font-semibold hover:text-yellowAccent transition duration-300">CONTACTO</a></li>
</ul>
</div>
</div>
<!-- header -->
<div class="relative">
<img src="img/background/outside2.png" alt="Imagen del taller mecánico por fuera" class="header-image">
<div class="absolute inset-0 bg-darkBlue opacity-50"></div>
<div class="absolute inset-0 flex justify-center items-center">
<div class="container-header">
<div class="text-white text-center">
<h1 class="text-5xl sm:text-6xl md:text-6xl lg:text-6xl font-extrabold uppercase text-header animate__animated animate-on-scroll" data-aos="animate__zoomInDown">Un taller de confianza cerca de ti</h1>
<p class="mt-6 font-semibold lg:text-2xl animate__animated animate-on-scroll" data-aos="animate__zoomInUp">Servicio de mecánica en Monterrey</p>
</div>
</div>
</div>
</div>
<!-- yellow division-->
<div class="h-10 bg-yellowAccent mb-10"></div>
<!--Servicios-->
<div class="pb-10 lg:m-20">
<div class="flex justify-center items-center" id="servicios">
<p class="text-center text-4xl font-bold uppercase text-darkBlue border-b-4 border-yellowAccent animate__animated animate-on-scroll" data-aos="animate__fadeIn">Nuestros servicios</p>
</div>
<!--Afinación-->
<div class="px-4 py-8 mt-10">
<div class="flex flex-col lg:flex-row gap-6 lg:gap-12">
<!-- Column 1 -->
<div class="w-full lg:w-1/2">
<div class="px-4 py-8">
<div class="flex items-center"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-motor-100.png" alt="Icono de Afinación" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="text-4xl font-bold uppercase text-darkBlue animate__animated animate-on-scroll" data-aos="animate__slideInLeft">Afinación Automotriz</p>
</div>
</div>
<div class="py-8 text-xl">
<p class="text-justify">
Alarga la vida útil de tu vehículo con un servicio de afinación completo; ideal para mejorar el
rendimiento del combustible, el desempeño del motor y reducir la emisión de humo negro,
</p>
</br>
<p class="text-justify">
En nuestro taller mecánico ofrecemos un servicio profesional de afinación automotriz que
cuenta con:
</p>
<p class="text-justify">
<ul class="list-disc p-6">
<li>Limpieza detallada de todos los componentes del motor.</li>
<li>Sustitución de piezas desgastadas.</li>
<li>Escaneo computarizado.</li>
</ul>
</p>
<p class="text-justify">
Reduce el riesgo de una falla mecánica y contrata nuestro servicio de afinación mayor.
</p>
<!-- Button -->
<div class="mt-4">
<button class="bg-yellowAccent hover:bg-yellowAccentHover text-black font-bold py-2 px-4 rounded" onclick="location.href='https://api.whatsapp.com/send?phone=5218122004116&text=Hola!%20Me%20interesan%20los%20servicios%20de%20mecánica%20que%20ofrecen%20👩🔧';">
SOLICITAR REVISIÓN GRATUITA
</button>
</div>
</div>
</div>
</div>
<!-- Column 2 -->
<div class="w-full lg:w-1/2 flex justify-center items-center">
<img src="img/servicios/sten-rademaker-UZUzvJEvKnI-unsplash.jpg" alt="Imagen de Afinación" class="border-8 border-yellowAccent"/>
</div>
</div>
</div>
<!--Frenos-->
<div class="px-4 py-8 mt-10">
<div class="flex flex-col lg:flex-row gap-6 lg:gap-12">
<!-- Column 1 Only visible in desktop-->
<div class="w-full lg:w-1/2 flex justify-center items-center lg:block hidden">
<img src="img/servicios/pexels-jay-pizzle-4022545.jpg" alt="Imagen de frenos en reparación" class="border-8 border-yellowAccent"/>
</div>
<!-- Column 2 -->
<div class="w-full lg:w-1/2">
<div class="px-4 py-8">
<div class="flex items-center"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-car-break-64.png" alt="Icono de frenos" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="text-4xl font-bold uppercase text-darkBlue animate__animated animate-on-scroll" data-aos="animate__slideInLeft">Servicio de frenos</p>
</div>
</div>
<div class="py-8 text-xl">
<p class="text-justify">
Encuentra un taller de frenos confiable en Monterrey.
</p>
<p class="text-justify">
Solicita la revisión gratuita cuando tu vehículo alcance los 15.000/20.000 kilómetros o ante las
siguientes señales de deterioro de tus discos o pastillas de frenos:
</p>
</br>
<p class="text-justify">
<ul class="list-disc p-6">
<li>Encendido del testigo de señalización.</li>
<li>Ruido al frenar.</li>
<li>Vibraciones</li>
<li>Aparición de líneas circulares profundas o grietas radicales en la banda de frenos</li>
<li>Sobrecalentamiento.</li>
</ul>
</p>
</div>
<!-- Button -->
<div class="mt-4">
<button class="bg-yellowAccent hover:bg-yellowAccentHover text-black font-bold py-2 px-4 rounded" onclick="location.href='https://api.whatsapp.com/send?phone=5218122004116&text=Hola!%20Me%20interesan%20los%20servicios%20de%20mecánica%20que%20ofrecen%20👩🔧';">
SOLICITAR REVISIÓN GRATUITA
</button>
</div>
</div>
</div>
<!-- Column 2 in mobile-->
<div class="w-full lg:w-1/2 flex justify-center items-center lg:hidden">
<img src="img/servicios/pexels-jay-pizzle-4022545.jpg" alt="Imagen de frenos en reparación" class="border-8 border-yellowAccent"/>
</div>
</div>
</div>
<!--Direccion y suspension-->
<div class="px-4 py-8 mt-10">
<div class="flex flex-col lg:flex-row gap-6 lg:gap-12">
<!-- Column 1 -->
<div class="w-full lg:w-1/2">
<div class="px-4 py-8">
<div class="flex items-center"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-suspension-dampers-100.png" alt="Icono de dirección y suspensión" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="text-4xl font-bold uppercase text-darkBlue animate__animated animate-on-scroll" data-aos="animate__slideInLeft">Servicio de dirección y suspensión</p>
</div>
</div>
<div class="py-8 text-xl">
<p class="text-justify">
La revisión anual de los sistemas de dirección y suspensión es una parte fundamental de la
mecánica automotriz; ya que ambos son procedimientos clave para mantener el buen
funcionamiento y seguridad en todos los componentes de tu vehículo.
</p>
<p class="text-justify">
Ambos determinan, en gran medida, la maniobrabilidad del automóvil.
</p>
<p class="text-justify">
Revisa la dirección de tu vehículo si notas:
</p>
<p class="text-justify">
<ul class="list-disc p-6">
<li>Volante desigual</li>
<li>Que el vehículo te lleva hacia un lado</li>
<li>Desgaste desigual en los neumáticos</li>
</ul>
</p>
<p class="text-justify">
Pueden considerarse fallas en la suspensión vehicular:
</p>
<p class="text-justify">
<ul class="list-disc p-6">
<li>Amortiguadores manchados de aceite.</li>
<li>Vástago de pistón rayado o dañado.</li>
<li>Rosca desgarrada.</li>
</ul>
</p>
<p class="text-justify">
Revisa estos sistemas con regularidad.
</p>
</div>
<!-- Button -->
<div class="mt-4">
<button class="bg-yellowAccent hover:bg-yellowAccentHover text-black font-bold py-2 px-4 rounded" onclick="location.href='https://api.whatsapp.com/send?phone=5218122004116&text=Hola!%20Me%20interesan%20los%20servicios%20de%20mecánica%20que%20ofrecen%20👩🔧';">
SOLICITAR REVISIÓN GRATUITA
</button>
</div>
</div>
</div>
<!-- Column 2 -->
<div class="w-full lg:w-1/2 flex justify-center items-center">
<img src="img/servicios/tory-bishop-vY-WNTNfXR0-unsplash.jpg" alt="Imagen de dirección y suspensión" class="border-8 border-yellowAccent"/>
</div>
</div>
</div>
</div>
<!--Mision overlay division-->
<div class="relative">
<img src="img/background/mision.png" alt="Imagen de la misión" class="divisor-mision">
<div class="absolute inset-0 bg-darkBlue opacity-70"></div>
<div class="absolute inset-0 flex justify-center items-center">
<div class="container-header-servicios">
<div class="text-white text-center">
<p class="lg:text-5xl font-bold uppercase animate__animated animate-on-scroll" data-aos="animate__zoomIn">Misión</p>
<p class="mt-4 lg:mt-6 lg:text-xl">
Proporcionar servicios de mecánica automotriz de excelente calidad en Monterrey,
ofreciéndoles a nuestros clientes la tranquilidad de un funcionamiento seguro y óptimo de sus
vehículos.
</p>
</div>
</div>
</div>
</div>
<!--Elegirnos-->
<div class="lg:m-20">
<div class="px-4 py-8 mt-10">
<div class="flex flex-col lg:flex-row gap-6 lg:gap-12">
<!-- Column 1 -->
<div class="w-full lg:w-1/2">
<div class="px-4 py-8">
<div class="flex items-center"> <!-- Added items-center class -->
<!-- Column 2 -->
<div class="">
<div class="" id="nosotros">
<p class="text-center text-4xl font-bold uppercase text-darkBlue border-b-4 border-yellowAccent animate__animated animate-on-scroll" data-aos="animate__fadeInLeft">¿Quiénes somos?</p>
</div>
</div>
</div>
<div class="py-8 text-xl">
<p class="text-justify">
En Super Automotriz MG somos expertos apasionados por la mecánica automotriz, con una
dedicación inquebrantable que imprimimos en nuestro trabajo.
</p>
</br>
<p class="text-justify">
Tu seguridad y satisfacción es nuestra principal prioridad, porque creemos que mereces lo
mejor en cada kilómetro que recorres.
</p>
</br>
<p class="text-justify">
Nuestros principales valores son:
</p>
</div>
</div>
</div>
<!-- Column 2 -->
<div class="w-full lg:w-1/2">
<div class="px-4 py-8">
<div class="flex items-center mb-8"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-handshake-100.png" alt="Icono de Excelencia" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="sm:text-2xl md:text-4xl lg:text-4xl font-bold uppercase text-darkBlue">EXCELENCIA</p>
</div>
</div>
<div class="flex items-center mb-8"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-mechanic-64.png" alt="Icono de Servicio personalizado" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="sm:text-2xl md:text-4xl lg:text-4xl font-bold uppercase text-darkBlue">PERSONALIZACIÓN</p>
</div>
</div>
<div class="flex items-center mb-8"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-like-100.png" alt="Icono de Fiabilidad" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="sm:text-2xl md:text-4xl lg:text-4xl font-bold uppercase text-darkBlue">FIABILIDAD</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Contacto-->
<div class="lg:m-20">
<div class="px-4 py-8 mt-10">
<div class="flex flex-col lg:flex-row gap-6 lg:gap-12 justify-center items-center">
<!-- Column 1 -->
<div class="w-full lg:w-1/2">
<div class="">
<div class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14377.439832342408!2d-100.3748032!3d25.7256073!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x866297272533ca89%3A0x543418bcf82d33f4!2sSuper%20Automotriz%20MG!5e0!3m2!1ses-419!2smx!4v1691604430937!5m2!1ses-419!2smx"
frameborder="0" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<!-- Column 2 -->
<div class="w-full lg:w-1/2">
<div class="px-4 py-8">
<div class="flex items-center"> <!-- Added items-center class -->
<!-- Column 2 -->
<div class="">
<div class="" id="contacto">
<p class="text-4xl font-bold uppercase text-darkBlue border-b-4 border-yellowAccent text-right animate__animated animate-on-scroll" data-aos="animate__fadeInRight">Contáctanos para una excelencia mecánica</p>
</div>
</div>
</div>
<div class="py-8 ">
<div class="flex items-center mb-8"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-location-100.png" alt="Icono de ubicación" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="lg:text-xl text-darkBlue hover:text-yellowAccent"><a href="https://goo.gl/maps/XasfCAP6B9orXQ8k7">Abedul 5302,</br> Valle de Los Cedros,</br> 64360 Monterrey, N.L.</a></p>
</div>
</div>
<div class="flex items-center mb-8"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-phone-100.png" alt="Icono de llamada" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="lg:text-xl text-darkBlue hover:text-yellowAccent"><a href="tel:8122004116">+52 81 22 00 41 16</a></p>
</div>
</div>
<div class="flex items-center mb-8"> <!-- Added items-center class -->
<!-- Column 1 -->
<div class="p-4 bg-yellowAccent justify-center items-center">
<img src="img/icons/icons8-whatsapp-100.png" alt="Icono de whatsapp" class="w-20 h-20">
</div>
<!-- Column 2 -->
<div class="p-4">
<p class="lg:text-xl text-darkBlue hover:text-yellowAccent"><a href="https://api.whatsapp.com/send?phone=5218122004116&text=Hola!%20Me%20interesan%20los%20servicios%20de%20mec%C3%A1nica%20que%20ofrecen%20%F0%9F%91%A9%E2%80%8D%F0%9F%94%A7">+52 81 22 00 41 16</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Footer-->
<div class="bg-darkBlue text-white py-10">
<div class="container mx-auto flex justify-center flex-wrap">
<div class="w-full md:w-1/3 p-6">
<img src="img/logo/logo.png" alt="Logo Super Automotriz MG" class="w-35 h-20">
<p class="text-lg pt-4 text-justify">Proporcionar servicios automotrices de la más alta calidad en México. Brindando a nuestros clientes la tranquilidad de un funcionamiento seguro y óptimo de sus vehículos.</p>
</div>
<div class="w-full md:w-1/3 p-6">
<div class="">
<div class="h-20" id="nosotros">
<p class="text-lg font-bold uppercase border-b-4 border-yellowAccent">Nuestros servicios</p>
</div>
</div>
<div class="pt-4">
<ul class="text-lg pl-4 custom">
<li class="custom">
<a href="#" class="hover:text-yellowAccent">
Inicio
</a>
</li>
<li class="custom">
<a href="#servicios" class="hover:text-yellowAccent">
Servicios
</a>
</li>
<li class="custom">
<a href="#nosotros" class="hover:text-yellowAccent">
Nosotros
</a>
</li>
<li class="custom">
<a href="#contacto" class="hover:text-yellowAccent">
Contacto
</a>
</li>
</ul>
</div>
</div>
<div class="w-full md:w-1/3 p-6">
<div class="">
<div class="h-20" id="nosotros">
<p class="text-lg font-bold uppercase border-b-4 border-yellowAccent">Contacto</p>
</div>
</div>
<div class="pt-4">
<ul class="text-lg pl-4 custom">
<li class="custom">
<a href="https://goo.gl/maps/XasfCAP6B9orXQ8k7" class="hover:text-yellowAccent">
<b>Dirección: </b>Abedul 5302, Valle de Los Cedros, 64360 Monterrey, N.L.
</a>
</li>
<li class="custom">
<a href="tel:528122004116" class="hover:text-yellowAccent">
<b>Teléfono:</b> +52 81 22 00 41 16
</a>
</li>
<li class="custom">
<a href="https://api.whatsapp.com/send?phone=5218122004116&text=Hola!%20Me%20interesan%20los%20servicios%20de%20mec%C3%A1nica%20que%20ofrecen%20%F0%9F%91%A9%E2%80%8D%F0%9F%94%A7" class="hover:text-yellowAccent">
<b>Whastapp:</b> +52 81 22 00 41 16
</a>
</li>
</ul>
</div>
</div>
</div>
<div>
<p class="text-center text-sm">© <span id="currentYear"></span> Super Automotriz MG. Todos los derechos reservados.</p>
</div>
</div>
<!--Whatsapp icon-->
<a href="https://api.whatsapp.com/send?phone=5218122004116&text=Hola!%20Me%20interesan%20los%20servicios%20de%20mec%C3%A1nica%20que%20ofrecen%20%F0%9F%91%A9%E2%80%8D%F0%9F%94%A7" class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
<!--Scripts-->
<script>
const currentYear = new Date().getFullYear();
document.getElementById("currentYear").textContent = currentYear;
</script>
</body>
</html>