-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
188 lines (153 loc) · 15.3 KB
/
nosotros.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
<!DOCTYPE html>
<html lang="es-MX" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<title>Leaf Spring México</title>
<meta name="description" content="Encuentra amortiguadores, bolsas de aire, productos de hule natural, muelles y sistemas de frenos. Con la confianza que tu mereces." />
<meta name="keywords" content="Suspensiones,Leaf,Spring,Mexico,Muelles,Amortiguadores,Seguro,ConfiablemExperiencia,Hule,Natural,Mecanico,Partes,Refacciones,Camion,Trailer,Vehiculo,Calidad,Solucion,Soluciones,Bolsa,Bolsas,Aire,Productos,Z,Muelles en Z,Sistema,Sistemas,Frenos,Sistemas de frenos,Banderin,Soporte,Deslizante,Trifuncional,Hendrickson,Dina,Toyota,Gabriel,Chrysler,Ford,Fruehauf,Buje,Contacto,Integral,Carga,Ligero,Pesado,Variedad,Accesorios,Nucleos,Tensor,Tambores,Zapatas,Balatas,Mercadoshop,Nosotros,Guadalajara,Exportacion,Importacion,Internacional,rrgo,design">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://leafspringmexico.com/">
<link rel="alternate" hreflang="en-US" href="https://leafspringmexico.com/index.html">
<link rel="alternate" hreflang="en-MX" href="https://leafspringmexico.com/index.html">
<link rel="alternate" hreflang="es-MX" href="https://leafspringmexico.com/index.html">
<link rel="alternate" hreflang="x-default" href="https://leafspringmexico.com/index.html">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Prompt:wght@300;400;500;600;700&family=Roboto+Mono:wght@300;400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./css/main.css">
<script src="https://kit.fontawesome.com/9846627988.js" crossorigin="anonymous"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<link rel="shortcut icon" href="img/logos/leaf-spring/ls-favicon-wht.svg" type="image/x-icon" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<meta name="google-site-verification" content="Kgo1F9CzYDzz83QfKZfolOoWdWmE7psgzzJ4ZZb-CLg" />
</head>
<body class="flex flex-col w-full overflow-x-hidden antialiased bg-offWhite text-grisLeaf" tabindex="-1">
<!-- MAIN MENU -->
<div id="ham" class="z-50 flex flex-col items-center justify-center hidden w-full h-screen overflow-x-hidden overflow-y-hidden text-4xl tracking-wide duration-500 origin-left bg-gradient-to-b from-green-500 to-green-700 text-offWhite laptop:hidden">
<ul class="font-roboto">
<li class="pb-3 duration-500 hover:text-amber-400 hover:translate-x-4"><a href="index.html"><i class="pr-4 fa-solid fa-house fa-xs" style="color: #F2F2F2;"></i>Inicio</a></li>
<li class="pb-3 duration-500 hover:text-amber-400 hover:translate-x-4"><a href="nosotros.html"><i class="pr-4 fa-solid fa-users fa-xs" style="color: #F2F2F2;"></i>Nosotros</a></li>
<li class="pb-3 duration-500 hover:text-amber-400 hover:translate-x-4"><a href="productos.html"><i class="pr-4 fa-solid fa-screwdriver-wrench fa-xs" style="color: #F2F2F2;"></i>Productos</a></li>
<li class="pb-3 duration-500 hover:text-amber-400 hover:translate-x-4"><a href="contacto.html"><i class="pr-4 fa-solid fa-envelope fa-xs" style="color: #F2F2F2;"></i>Contacto</a></li>
</ul> <!-- BOTON CERRAR -->
<div id="closeBtn" class="absolute text-3xl cursor-pointer top-9 right-5">
<i name="cerrar" onclick="Close(this)" class="fa-solid fa-xmark text-offWhite"></i>
</div>
</div>
<!-- NAVBAR -->
<nav id="inicio" class="sticky top-0 z-50 flex flex-row self-center w-full p-3 drop-shadow-lg laptop:items-center laptop:justify-around laptop:p-6 laptop:w-full bg-zinc-100">
<div class="flex flex-row items-center justify-between flex-grow mx-auto align-middle laptop:justify-around">
<a href="index.html">
<img src="./img/logos/leaf-spring/ls-logo.svg" alt="logo leaf spring" class="h-12 p-2 laptop:pl-0 laptop:h-20">
</a>
<!-- HAMBURGER MENU MOBILE -->
<div>
<!-- HAMBURGER MENU ICON -->
<div id="hamBtn" class="flex flex-row p-2 text-4xl align-middle rounded-md cursor-pointer laptop:hidden right-3 top-6 border-[1px] border-verdeClaroLeaf">
<img onclick="Open(this)" src="img/icons/hamburger-md-svgrepo-com.svg" alt="hamburger menu" title="hamburger menu" class="items-center h-4 laptop:hidden">
</div>
<!-- MENU -->
<ul class="hidden laptop:flex-row laptop:gap-24 laptop:list-none laptop:flex">
<li class="items-center">
<a href="index.html" class="items-center self-center hidden laptop:flex laptop:flex-row laptop:text-2xl laptop:font-semibold laptop:tracking-wide laptop:transition-all laptop:duration-500 laptop:ease-in-out laptop:font-roboto laptop:text-zinc-500 group"><i class="pr-2 fa-solid fa-house fa-xs" style="color: #029673;"></i><span class="bg-left-bottom bg-gradient-to-r from-verdeClaroLeaf pl-0 pr-4 py-1 to-verdeLeaf bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out hover:text-verdeClaroLeaf">Inicio</span></a>
</li>
<li class="items-center">
<a href="nosotros.html" class="items-center hidden laptop:flex laptop:flex-row laptop:text-2xl laptop:font-semibold laptop:tracking-wide laptop:transition-all laptop:duration-500 laptop:ease-in-out laptop:font-roboto laptop:text-zinc-500 group"><i class="pr-2 fa-solid fa-users fa-sm" style="color: #029673;"></i><span class="bg-left-bottom bg-gradient-to-r from-verdeClaroLeaf pl-0 pr-4 py-1 to-verdeLeaf bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out hover:text-verdeClaroLeaf">Nosotros</span></a>
</li>
<li class="items-center">
<a href="productos.html" class="items-center hidden laptop:flex laptop:flex-row laptop:text-2xl laptop:font-semibold laptop:tracking-wide laptop:transition-all laptop:duration-500 laptop:ease-in-out laptop:font-roboto laptop:text-zinc-500 group"><i class="pr-2 fa-solid fa-screwdriver-wrench fa-sm" style="color: #029673;"></i><span class="bg-left-bottom bg-gradient-to-r from-verdeClaroLeaf pl-0 pr-4 py-1 to-verdeLeaf bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out hover:text-verdeClaroLeaf">Productos</span></a>
</li>
<li class="items-center">
<a href="contacto.html" class="items-center hidden laptop:flex laptop:flex-row laptop:text-2xl laptop:font-semibold laptop:tracking-wide laptop:transition-all laptop:duration-500 laptop:ease-in-out laptop:font-roboto laptop:text-zinc-500 group"><i class="pr-2 fa-solid fa-envelope fa-sm" style="color: #029673;"></i><span class="bg-left-bottom bg-gradient-to-r from-verdeClaroLeaf pl-0 pr-4 py-1 to-verdeLeaf bg-[length:0%_2px] bg-no-repeat group-hover:bg-[length:100%_2px] transition-all duration-500 ease-out hover:text-verdeClaroLeaf">Contacto</span></a>
</li>
</ul>
</div>
</nav>
<!-- BANNER / SLOGAN -->
<div class="relative flex flex-col items-center justify-center">
<a href="#acerca" class="block absolute laptop:hidden self-center justify-center p-3 tablet:text-2xl bigHor:text-base text-xl vertIpadMini:text-2xl text-center duration-500 text-neonPurple hover:text-yellow-400 text-offWhite hover:translate-y-3 font-roboto z-40 laptop:bottom-[3%] bottom-[8%] font-medium tracking-wider rounded-lg">
<i class="fa-solid fa-chevron-down"></i>
</a>
<h1 class="absolute z-40 flex flex-col self-center ml-0 text-3xl tracking-wider text-center uppercase mobile:text-5xl bigHor:text-2xl tablet:text-7xl ipad:text-7xl ipad:self-center laptop:self-start laptop:ml-12 laptop:text-left font-oswald vertIpadMini:text-8xl laptop:text-6xl text-offWhite laptop:items-center laptop:align-middle">
más sobre nosotros</h1>
<img src="./img/banner/nosotrosLeaf.jpg" alt="banner principal leaf spring mexico" class="w-full object-cover object-center laptop:h-[calc(75vh-144px)] brightness-50 h-[calc(100vh-400px)] bg-black">
</div>
<!-- NOSOTROS / MAIN -->
<section id="acerca" class="grid items-start w-full h-auto grid-flow-row grid-cols-1 col-span-1 gap-5 px-6 pt-12 pb-6 laptop:grid-flow-col laptop:grid-cols-2 bg-offWhite laptop:py-20 laptop:gap-10 tablet:py-16 hd:px-48">
<div class="content-center col-span-1 text-xl font-normal leading-loose border-b-2 border-r-0 laptop:pr-10 font-roboto laptop:border-r-2 border-b-verdeClaroLeaf laptop:border-b-0 laptop:border-r-verdeClaroLeaf">
<h2 class="pb-4 text-4xl font-extrabold tablet:text-5xl font-roboto text-verdeLeaf">Quienes somos</h2>
<p class="pb-8 text-lg leading-relaxed tablet:text-base bigHor:leading-relaxed laptop:text-lg laptop:leading-loose">
<span class="font-bold text-verdeLeaf">Leaf Spring Mexico S.A. de C.V.</span> es una solución integral en el campo de
suspensiones para equipo de carga ligero, pesado y extra pesado, respaldada con personal con más de treinta años
de experiencia. Además de nuestra línea de
muelles, contamos con una gran variedad de accesorios tales como: bolsas de aire para suspensión,
amortiguadores, núcleos para tensor, bujes de hule natural, así como,
tambores de freno, zapatas y balatas.
</p>
</div>
<div class="content-center col-span-1 text-xl font-normal leading-loose laptop:pr-10 font-roboto">
<h2 class="pb-4 text-4xl font-extrabold tablet:text-5xl font-roboto text-verdeLeaf">Misión</h2>
<p class="pb-8 text-lg leading-relaxed tablet:text-base bigHor:leading-relaxed laptop:text-lg laptop:leading-loose">
Abastecer de
manera ágil y oportuna, productos que satisfacen las
necesidades del mercado dentro de los más altos estándares de calidad,
a un precio competitivo. Brindamos atención, experiencia y servico,
haciéndo de nuestros clientes; clientes satisfechos.</p>
</div>
</section>
<!-- MAPS / FOOTER -->
<div id="maps" class="items-center justify-center w-full h-auto align-middle bg-black text-offWhite font-roboto">
<div class="grid items-center justify-center col-span-2 small:grid-cols-1 ipad:h-auto laptop:h-auto bg-zinc-200">
<div class="flex flex-col items-center justify-center h-full py-8 text-center laptop:p-10 bg-zinc-300">
<h3 class="pb-4 text-2xl font-medium tracking-wide text-grisLeaf"><i class="text-3xl text-verdeLeaf fa-solid fa-building"></i> Nuestras oficinas:</h3>
<iframe title="ubicacion oficinas leaf spring mexico" class="items-center justify-center w-5/6 h-screen align-middle rounded-2xl" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3733.1340018219994!2d-103.34668838464898!3d20.6641266055009!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8428b21d0bda0f4b%3A0x39e7705f2d9aae6!2sC.%20Gante%20156%2C%20Las%20Conchas%2C%2044460%20Guadalajara%2C%20Jal.!5e0!3m2!1ses-419!2smx!4v1680376441582!5m2!1ses-419!2smx" width="400" height="400" style="border:1" frameborder=”1″ allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<p class="px-12 pt-8 text-xl font-medium tracking-wide laptop:px-0 text-grisLeaf hd:text-3xl"><i class="text-xl text-red-500 hd:text-3xl fa-solid fa-location-dot"></i> Gante 156 / Las Conchas / Guadalajara, Jal. MX.
</p>
<p class="pt-4 text-xl font-medium tracking-wide hd:text-2xl text-grisLeaf font-roboto"><i class="text-xl fa-brands hd:text-3xl fa-whatsapp text-[#075E54]"></i> (33) 2578-7385</p>
</div>
</div>
<!-- FOOTER -->
<footer id="footer" class="grid grid-cols-1 gap-5 p-8 bg-grisLeaf laptop:grid-cols-6 laptop:grid-rows-1 laptop:gap-10 laptop:p-10">
<!-- LOGO FOOTER -->
<div class="justify-center laptop:col-start-1 laptop:col-end-1">
<a href="./index.html">
<img class="h-16 pb-6 laptop:h-20" src="./img/logos/leaf-spring/ls-logo-wht.svg" alt="logo leaf spring mexico"></a>
</div>
<div class="pb-6 laptop:pb-0 rounded-xl laptop:col-start-2 laptop:col-end-2">
<ul>
<li class="laptop:pb-3"><a class="pb-2 text-gray-200 duration-500 laptop:pb-0 laptop:hover:pl-2 hover:text-verdeClaroLeaf w-fit" href="index.html">inicio</a></li>
<li class="laptop:pb-3"><a class="pb-2 text-gray-200 duration-500 laptop:pb-0 laptop:hover:pl-2 hover:text-verdeClaroLeaf w-fit" href="nosotros.html">nosotros</a></li>
<li class="laptop:pb-3"><a class="pb-2 text-gray-200 duration-500 laptop:pb-0 laptop:hover:pl-2 hover:text-verdeClaroLeaf w-fit" href="productos.html">productos</a></li>
<li class="laptop:pb-3"><a class="pb-2 text-gray-200 duration-500 laptop:pb-0 laptop:hover:pl-2 hover:text-amber-400 w-fit" href="https://leafspringmexico.mercadoshops.com.mx/">mercadoshop</a></li>
<li><a class="pb-2 text-gray-200 duration-500 laptop:pb-0 laptop:hover:pl-2 hover:text-verdeClaroLeaf w-fit" href="contacto.html">contacto</a></li>
</ul>
</div>
<div class="laptop:col-start-3 laptop:col-end-5 w-fit">
<p class="pb-1 duration-500 w-fit laptop:pb-3 hover:text-amber-400" title="contactar en WhastApp"><a href="https://wa.me/523325787385?text=Gracias por ponerte en contacto, ¿En qué te podemos ayudar?" target="_blank" aria-label="contactar mediante whatsapp"><i class="pr-2 text-base align-middle laptop:text-4xl fa-brands fa-whatsapp text-verdeClaroLeaf"></i> (33)
2578-7385</p>
<p class="pb-1 laptop:pb-3 w-fit"><i class="pr-2 text-base align-middle laptop:text-3xl fa-solid fa-phone text-verdeClaroLeaf"></i> (33)
3645-0696</p>
<p class="pb-1 laptop:pb-3 w-fit"><i class="pr-2 text-base align-middle laptop:text-3xl fa-solid fa-fax text-verdeClaroLeaf"></i> (33) 3144-8289
</p>
<p title="enviar correo a leaf spring mexico" class="tracking-wide duration-500 laptop:hover:pl-2 laptop:hover:text-yellow-400"><a href="mailto:[email protected]"><i class="pr-3 text-base align-middle duration-500 laptop:text-3xl ipad:text-lg hd:text-3xl fa-solid fa-envelope text-verdeClaroLeaf"></i>[email protected]</a>
</p>
</div>
<div class="py-0 laptop:col-span-1 small:pt-8 laptop:pt-0 laptop:col-start-5 laptop:col-end-7">
<p class="col-span-1 text-xs tracking-wide text-center laptop:text-right laptop:text-sm small:pt-8 laptop:pt-0 tablet:col-span-2 laptop:py-5 text-zinc-400 laptop:col-span-6 font-roboto">
Copyright© 2023 Leaf Spring México. Todos los derechos reservados.</p>
<div class="flex pt-10 mx-auto justify-center align-middle text-[12px] font-light tracking-wide text-center laptop:justify-end laptop:text-right laptop:text-[12px] small:pt-3 tablet:col-span-2 text-neutral-300 laptop:col-span-2 font-roboto">
<a href="https://webbygravy.com/" class="flex items-center text-offWhite">creado por:
<div>
<img src="./img/logos/webbyGravy-logo.svg" alt="webbyGravy diseño" class="p-0 ml-2 duration-300 w-28 hd:hover:translate-x-1">
</div>
</a>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/actions.js"></script>
<script defer src="js/disallow.js"></script>
<script>AOS.init();</script>
</body>
</html>