Skip to content

Commit ce3d2e7

Browse files
rozgorozgo
committed
simple title
1 parent 9d74549 commit ce3d2e7

1 file changed

Lines changed: 141 additions & 42 deletions

File tree

‎laia-es.html‎

Lines changed: 141 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="es" data-wf-page="laia-es" data-wf-site="675b60e3f77d4fad0529e9eb">
33
<head>
44
<meta charset="utf-8" />
@@ -36,10 +36,18 @@
3636
(n.className += t + "touch"));
3737
})(window, document);
3838
</script>
39-
39+
4040
<link href="https://fonts.googleapis.com" rel="preconnect" />
41-
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" />
42-
<link rel="shortcut icon" href="images/vertex/favicon.ico" type="image/x-icon" />
41+
<link
42+
href="https://fonts.gstatic.com"
43+
rel="preconnect"
44+
crossorigin="anonymous"
45+
/>
46+
<link
47+
rel="shortcut icon"
48+
href="images/vertex/favicon.ico"
49+
type="image/x-icon"
50+
/>
4351
<link href="images/vertex/favicon.ico" rel="apple-touch-icon" />
4452
</head>
4553
<body class="body body-3">
@@ -70,29 +78,57 @@
7078
images/vertex_white.png 1884w
7179
"
7280
/></a>
73-
<nav role="navigation" class="nav-menu-wrapper-7 w-nav-menu">
74-
<ul role="list" class="nav-menu-two-6 w-list-unstyled">
81+
<nav
82+
role="navigation"
83+
class="nav-menu-wrapper-7 w-nav-menu"
84+
>
85+
<ul
86+
role="list"
87+
class="nav-menu-two-6 w-list-unstyled"
88+
>
7589
<li class="list-item-5 core-btn">
7690
<div
7791
data-delay="0"
7892
data-hover="true"
7993
id="w-node-laia-core-dropdown"
8094
class="dropdown btn-nav w-dropdown"
8195
>
82-
<div class="dropdown-toggle-2 w-dropdown-toggle">
83-
<div class="icon-5 w-icon-dropdown-toggle"></div>
84-
<div class="text-block-11">Nuestro Core</div>
96+
<div
97+
class="dropdown-toggle-2 w-dropdown-toggle"
98+
>
99+
<div
100+
class="icon-5 w-icon-dropdown-toggle"
101+
></div>
102+
<div class="text-block-11">
103+
Nuestro Core
104+
</div>
85105
</div>
86-
<article class="dropdown-list w-dropdown-list">
87-
<a href="/games" class="dropdown-link w-dropdown-link">Juegos</a>
88-
<a href="/simulations" class="dropdown-link-3 w-dropdown-link">Simulaciones</a>
89-
<a href="/extended-reality" class="dropdown-link-3 w-dropdown-link">Realidad Extendida</a>
106+
<article
107+
class="dropdown-list w-dropdown-list"
108+
>
109+
<a
110+
href="/games"
111+
class="dropdown-link w-dropdown-link"
112+
>Juegos</a
113+
>
114+
<a
115+
href="/simulations"
116+
class="dropdown-link-3 w-dropdown-link"
117+
>Simulaciones</a
118+
>
119+
<a
120+
href="/extended-reality"
121+
class="dropdown-link-3 w-dropdown-link"
122+
>Realidad Extendida</a
123+
>
90124
</article>
91125
</div>
92126
</li>
93127
<li class="list-item-5">
94128
<div class="btn-nav">
95-
<a href="/about-us" class="nav-link-15">Acerca de</a>
129+
<a href="/about-us" class="nav-link-15"
130+
>Acerca de</a
131+
>
96132
</div>
97133
</li>
98134
</ul>
@@ -108,7 +144,9 @@
108144
.btn-nav {
109145
position: relative;
110146
background: black;
111-
transition: background-color 0.3s ease, border 0.3s ease;
147+
transition:
148+
background-color 0.3s ease,
149+
border 0.3s ease;
112150
text-align: center;
113151
color: white;
114152
}
@@ -118,12 +156,24 @@
118156
inset: 0;
119157
border-radius: 50px;
120158
padding: 3px;
121-
background: linear-gradient(135deg, #27aae1, #462466 50%, #ec297b);
122-
mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
159+
background: linear-gradient(
160+
135deg,
161+
#27aae1,
162+
#462466 50%,
163+
#ec297b
164+
);
165+
mask:
166+
linear-gradient(#000 0 0) content-box,
167+
linear-gradient(#000 0 0);
123168
mask-composite: exclude;
124169
}
125170
.btn-nav:hover {
126-
background: linear-gradient(135deg, #27aae1, #462466 50%, #ec297b);
171+
background: linear-gradient(
172+
135deg,
173+
#27aae1,
174+
#462466 50%,
175+
#ec297b
176+
);
127177
border-radius: 50px;
128178
color: white;
129179
}
@@ -198,7 +248,9 @@
198248
.reveal {
199249
opacity: 0;
200250
transform: translateX(40px);
201-
transition: opacity 0.8s ease, transform 0.8s ease;
251+
transition:
252+
opacity 0.8s ease,
253+
transform 0.8s ease;
202254
}
203255
.from-left {
204256
transform: translateX(-40px);
@@ -234,11 +286,16 @@
234286
<div class="w-embed w-script">
235287
<script>
236288
if (window.innerWidth <= 767) {
237-
let coreDropDown = document.getElementsByClassName("core-btn")[0];
238-
let contactDropDown = document.getElementsByClassName("contact-btn")[0];
289+
let coreDropDown =
290+
document.getElementsByClassName("core-btn")[0];
291+
let contactDropDown =
292+
document.getElementsByClassName("contact-btn")[0];
239293
if (coreDropDown && contactDropDown) {
240294
coreDropDown.addEventListener("touchstart", () => {
241-
const actualZIndex = window.getComputedStyle(contactDropDown).zIndex;
295+
const actualZIndex =
296+
window.getComputedStyle(
297+
contactDropDown,
298+
).zIndex;
242299
if (actualZIndex !== 1) {
243300
contactDropDown.style.zIndex = "1";
244301
}
@@ -251,62 +308,102 @@
251308

252309
<section class="w-layout-blockcontainer laia-hero w-container">
253310
<img src="images/laia-logo.png" alt="LAIA Hub Creativo" />
254-
<h1 class="laia-title">LAIA: Hub Creativo</h1>
311+
<h1 class="laia-title">Hub Creativo</h1>
255312
</section>
256313

257314
<div class="laia-sections">
258315
<section class="laia-section">
259316
<div class="laia-col laia-img reveal from-left">
260-
<img src="images/laia/slide_01_bienvenido.png" alt="Bienvenido a LAIA" />
317+
<img
318+
src="images/laia/slide_01_bienvenido.png"
319+
alt="Bienvenido a LAIA"
320+
/>
261321
</div>
262322
<div class="laia-col laia-text reveal from-right">
263-
La experiencia LAIA comienza desde el momento de tu llegada: nuestro asistente robótico te da la bienvenida a un espacio donde la tecnología del futuro se encuentra con la calidez humana.
323+
La experiencia LAIA comienza desde el momento de tu llegada:
324+
nuestro asistente robótico te da la bienvenida a un espacio
325+
donde la tecnología del futuro se encuentra con la calidez
326+
humana.
264327
</div>
265328
</section>
266329
<section class="laia-section">
267330
<div class="laia-col laia-img reveal from-left">
268-
<img src="images/laia/slide_05_espacios_ambientados.png" alt="Espacios Ambientados" />
331+
<img
332+
src="images/laia/slide_05_espacios_ambientados.png"
333+
alt="Espacios Ambientados"
334+
/>
269335
</div>
270336
<div class="laia-col laia-text reveal from-right">
271-
Más de 500 m² de áreas tecnológicas diseñadas con espacios abiertos y ambientados que fomentan la creatividad, la colaboración y el intercambio de ideas en un entorno moderno y funcional.
337+
Más de 500 m² de áreas tecnológicas diseñadas con espacios
338+
abiertos y ambientados que fomentan la creatividad, la
339+
colaboración y el intercambio de ideas en un entorno moderno
340+
y funcional.
272341
</div>
273342
</section>
274343
<section class="laia-section">
275344
<div class="laia-col laia-img reveal from-left">
276-
<img src="images/laia/slide_08_especializados.png" alt="Espacios Especializados" />
345+
<img
346+
src="images/laia/slide_08_especializados.png"
347+
alt="Espacios Especializados"
348+
/>
277349
</div>
278350
<div class="laia-col laia-text reveal from-right">
279-
LAIA cuenta con más de 523 m² de área general distribuida en espacios especializados que incluyen entrenamiento con gemelos digitales, capacitaciones en realidad virtual y estaciones de trabajo equipadas con inteligencia artificial.
351+
LAIA cuenta con más de 523 m² de área general distribuida en
352+
espacios especializados que incluyen entrenamiento con
353+
gemelos digitales, capacitaciones en realidad virtual y
354+
estaciones de trabajo equipadas con inteligencia artificial.
280355
</div>
281356
</section>
282357
<section class="laia-section">
283358
<div class="laia-col laia-img reveal from-left">
284-
<img src="images/laia/slide_10_espacios_privados.png" alt="Colaboración Humano-Robot-IA" />
359+
<img
360+
src="images/laia/slide_10_espacios_privados.png"
361+
alt="Colaboración Humano-Robot-IA"
362+
/>
285363
</div>
286364
<div class="laia-col laia-text reveal from-right">
287-
En LAIA, el futuro es hoy: humanos, robots y sistemas de inteligencia artificial colaboran en un mismo espacio, creando un ecosistema único de innovación y productividad tecnológica.
365+
En LAIA, el futuro es hoy: humanos, robots y sistemas de
366+
inteligencia artificial colaboran en un mismo espacio,
367+
creando un ecosistema único de innovación y productividad
368+
tecnológica.
288369
</div>
289370
</section>
290371
<section class="laia-section">
291372
<div class="laia-col laia-img reveal from-left">
292-
<img src="images/laia/slide_15_simuladores.png" alt="Simuladores de última generación" />
373+
<img
374+
src="images/laia/slide_15_simuladores.png"
375+
alt="Simuladores de última generación"
376+
/>
293377
</div>
294378
<div class="laia-col laia-text reveal from-right">
295-
Nuestros simuladores de última generación combinan la realidad física con experiencias virtuales inmersivas, proporcionando entrenamiento especializado en construcción, conducción, medicina y otras disciplinas técnicas con tecnología de punta.
379+
Nuestros simuladores de última generación combinan la
380+
realidad física con experiencias virtuales inmersivas,
381+
proporcionando entrenamiento especializado en construcción,
382+
conducción, medicina y otras disciplinas técnicas con
383+
tecnología de punta.
296384
</div>
297385
</section>
298386
<section class="laia-section">
299387
<div class="laia-col laia-img reveal from-left">
300-
<img src="images/laia/slide_20_estacionamiento.png" alt="Estacionamiento privado" />
388+
<img
389+
src="images/laia/slide_20_estacionamiento.png"
390+
alt="Estacionamiento privado"
391+
/>
301392
</div>
302393
<div class="laia-col laia-text reveal from-right">
303-
LAIA revoluciona la experiencia del usuario desde el primer contacto, ofreciendo un estacionamiento privado con mayor seguridad, mejor control y más disponibilidad que los espacios tradicionales.
394+
LAIA revoluciona la experiencia del usuario desde el primer
395+
contacto, ofreciendo un estacionamiento privado con mayor
396+
seguridad, mejor control y más disponibilidad que los
397+
espacios tradicionales.
304398
</div>
305399
</section>
306400
</div>
307401

308402
<section class="footer-light-2">
309-
<div id="w-node-laia-footer-divider" class="footer-divider-two-2"></div>
403+
<div
404+
id="w-node-laia-footer-divider"
405+
class="footer-divider-two-2"
406+
></div>
310407
<div class="footer-copyright-2">
311408
© 2025 Vertex Studio. All rights reserved
312409
</div>
@@ -322,25 +419,27 @@ <h1 class="laia-title">LAIA: Hub Creativo</h1>
322419
<script type="text/javascript">
323420
// Reveal on scroll using IntersectionObserver
324421
(function () {
325-
const reveals = document.querySelectorAll('.reveal');
326-
if (!('IntersectionObserver' in window) || reveals.length === 0) {
327-
reveals.forEach((el) => el.classList.add('visible'));
422+
const reveals = document.querySelectorAll(".reveal");
423+
if (
424+
!("IntersectionObserver" in window) ||
425+
reveals.length === 0
426+
) {
427+
reveals.forEach((el) => el.classList.add("visible"));
328428
return;
329429
}
330430
const observer = new IntersectionObserver(
331431
(entries) => {
332432
entries.forEach((entry) => {
333433
if (entry.isIntersecting) {
334-
entry.target.classList.add('visible');
434+
entry.target.classList.add("visible");
335435
observer.unobserve(entry.target);
336436
}
337437
});
338438
},
339-
{ threshold: 0.2 }
439+
{ threshold: 0.2 },
340440
);
341441
reveals.forEach((el) => observer.observe(el));
342442
})();
343443
</script>
344444
</body>
345-
346445
</html>

0 commit comments

Comments
 (0)