-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
217 lines (156 loc) · 10.2 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Cache-Control" content="no-store" />
<title>Alkanos</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-animateNumber/0.0.14/jquery.animateNumber.min.js"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<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=League+Gothic&family=PT+Sans:wght@400;700&family=Spline+Sans:wght@400;600&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.alkanos.com.ar/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.alkanos.com.ar/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.alkanos.com.ar/favicons/favicon-16x16.png">
<link rel="manifest" href="https://www.alkanos.com.ar/favicons/site.webmanifest">
<link rel="mask-icon" href="https://www.alkanos.com.ar/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="https://www.alkanos.com.ar/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#363636">
<meta name="msapplication-config" content="https://www.alkanos.com.ar/favicons/browserconfig.xml">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</head>
<body id="inicio">
<div id="full-content">
<nav id="home_top_nav" class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="images/logos-horizontal.webp" class="img-fluid" alt="">
</a>
<button class="navbar-toggler" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<div class="include menu_top"></div>
</div>
</div>
</nav>
<div id="home_top" class="youtube-container w-100 pb-5 ratio ratio-16x9">
<div id="over_text">
<div class="container my-5">
<div id="hero__content">
<h1 class="translate" data-key="INDEX_hero_1">Soluciones en productos químicos desde 1975</h1>
</div>
</div>
</div>
<div id="player2"></div>
</div>
<div id="data-container">
<h1 class="translate" data-key="INDEX_text_12"><b>Comprometidos con la calidad y el servicio:</b> Desarrollamos y proveemos productos de excelencia para nuestros clientes.</h1>
<div class="counter-section text-center">
<div class="row">
<div class="col-12 col-md-4">
<div class="counter" id="counter1">0</div>
<div class="d-block d-sm-none">
<h2 class="translate" data-key="INDEX_text_13">Soluciones Desarrolladas</h2>
<div class="counter-fill-1"></div>
<p class="lead translate" data-key="INDEX_text_14">Ofrecemos productos de alta calidad para diversas aplicaciones industriales. Gracias a nuestra planta con instalaciones de última generación, podemos satisfacer las necesidades de nuestros clientes de manera eficiente, segura y ambientalmente responsable.</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="counter" id="counter2">0</div>
<div class="d-block d-sm-none">
<h2 class="translate" data-key="INDEX_text_15">Asistencias Técnicas</h2>
<div class="counter-fill-2"></div>
<p class="lead translate" data-key="INDEX_text_16">Brindamos soluciones, optimizamos procesos y aportamos innovaciones en la cadena productiva. Nuestro compromiso con el asesoramiento técnico nos ha permitido establecer vínculos duraderos con clientes y mantener una sólida reputación en el mercado.</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="counter" id="counter3">0</div>
<div class="d-block d-sm-none">
<h2 class="translate" data-key="INDEX_text_17">Años de Experiencia</h2>
<div class="counter-fill-3"></div>
<p class="lead translate" data-key="INDEX_text_18">Tenemos más de cuatro décadas de historia en las que hemos acumulado un profundo conocimiento y experiencia en las industrias que atendemos. Contamos con un equipo altamente preparado para brindar un servicio excepcional.</p>
</div>
</div>
</div>
<div class="row counter-labels d-none d-sm-flex">
<div class="col">
<h2 class="translate" data-key="INDEX_text_13">Soluciones Desarrolladas</h2>
<div class="counter-fill-1"></div>
<p class="lead translate" data-key="INDEX_text_14">Ofrecemos productos de alta calidad para diversas aplicaciones industriales. Gracias a nuestra planta con instalaciones de última generación, podemos satisfacer las necesidades de nuestros clientes de manera eficiente, segura y ambientalmente responsable.</p>
</div>
<div class="col">
<h2 class="translate" data-key="INDEX_text_15">Asistencias Técnicas</h2>
<div class="counter-fill-2"></div>
<p class="lead translate" data-key="INDEX_text_16">Brindamos soluciones, optimizamos procesos y aportamos innovaciones en la cadena productiva. Nuestro compromiso con el asesoramiento técnico nos ha permitido establecer vínculos duraderos con clientes y mantener una sólida reputación en el mercado.</p>
</div>
<div class="col">
<h2 class="translate" data-key="INDEX_text_17">Años de Experiencia</h2>
<div class="counter-fill-3"></div>
<p class="lead translate" data-key="INDEX_text_18">Tenemos más de cuatro décadas de historia en las que hemos acumulado un profundo conocimiento y experiencia en las industrias que atendemos. Contamos con un equipo altamente preparado para brindar un servicio excepcional.</p>
</div>
</div>
</div>
</div>
<div id="content_h1" class="slide-up">
<h1 class="translate" data-key="INDEX_box_1">Liderazgo, <span>Innovación y Desarrollo</span></h1>
</div>
<div class="mt-5 slide-up" id="content_wrapper">
<h2 class="lead translate" data-key="INDEX_box_2">Somos una empresa argentina fundada en 1975. Nuestros productos químicos y las máquinas que comercializamos se utilizan en diversas industrias.
Nos enorgullece ser reconocidos como una empresa líder en el mercado. Nos esforzamos por ser el proveedor de preferencia para nuestros clientes, ofreciéndoles soluciones innovadoras y tecnologías que impulsen su productividad y crecimiento.</h2>
<div class="my-3 text-center">
<a class="btn btn-lg alk-btn translate" data-key="INDEX_btn_1" href="about.html">Nuestra Empresa</a><br>
<div id="shortcut" class="border rounded d-none">
<a class="btn btn-lg alk-btn translate" data-key="INDEX_btn_1a" href="products.html">Productos que ofrecemos</a>
<a class="btn btn-lg alk-btn translate" data-key="INDEX_btn_1b" href="flexible-foams.html">Industrias a la que servimos</a>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-12 col-sm-4">
<div class="image-container">
<img src="/images/home_2.webp" class="slide-left img-fluid" alt="">
</div>
<p class="lead text-end caption-lead px-4 mx-sm-0 mx-3 my-2 py-sm-2 py-3 translate" data-key="INDEX_text_1">
Desarrollamos y fabricamos nuestros productos con los más altos estándares de calidad. Distribuimos productos de empresas líderes a nivel mundial.
</p>
</div>
<div class="col-12 col-sm-8">
<div class="image-container">
<img src="/images/Foto-HOME-(Tanques).webp" class="slide-right float-end img-fluid" alt="">
</div>
</div>
</div>
</div>
<div class="overflow-hidden">
<div id="ticker" class="flex img-ticker">
</div>
</div>
<div id="ticker">
<h1 class="translate" data-key="INDEX_text_18a">Conozca a nuestros socios estratégicos:</h1>
<div class="image-ticker py-5">
<ul>
<li><img clas="img-fluid" src="/images/partners/lyondellbasell.webp"></li>
<li><img clas="img-fluid" src="/images/partners/laaderberg.webp"></li>
<li><img clas="img-fluid" src="/images/partners/wanhua.png"></li>
<li><img clas="img-fluid" src="/images/partners/fk.webp"></li>
<li><img clas="img-fluid" src="/images/partners/covestro.png"></li>
</ul>
</div>
</div>
<div class="include footer"></div>
</div>
<!-- TRANSITION -->
<div id="transition-overlay">
<div id="logo">
<img src="logo.png" class="img-fluid w-100" alt="">
</div>
</div>
<script src="scripts.js"></script>
<script src="https://www.youtube.com/iframe_api"></script>
</body>
</html>