LP PLAZA KOEN

EN CADA DETALLE

En Plaza KŌEN, hemos transformado el concepto de una plaza comercial convencional en un espacio multifuncional que fusiona a la perfección actividades comerciales, sociales y culturales.

NATURALEZA

En nuestros más de 1440m2 de espacio público, te invitamos a sumergirte en una experiencia única donde cada rincón está impregnado con frescura y vitalidad. Desde la diversión en la zona de juegos infantiles hasta los cómodos mobiliarios individuales o grupales, fire pits, para compartir momentos especiales, áreas de trabajo y conexión.

Plaza KŌEN ofrece algo para cada uno de tus momentos.

En Plaza KŌEN, entendemos que la iluminación es la clave para crear atmósferas acogedoras y vibrantes. Es por eso que hemos ideado un espacio que se ilumina con la luz natural, creando un ambiente cálido y encantador. Imagina disfrutar de cada rincón iluminado de manera natural, donde la luz del sol se filtra suavemente, a través de una cubierta transparente que permite el paso del aire y la ventilación natural, resaltando la belleza de la arquitectura creando sombras cautivadoras.

¡Ven y déjate iluminar en la PLAZA KŌEN, donde la luz natural transforma cada momento!

Este es un indicador de código personalizado. Cambie a Vista Previa o publique la página para ver cómo funciona su código. Doble clic para editar

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .carousel-container { position: relative; max-width: 100%; overflow: hidden; margin: auto; } .carousel-slide { display: flex; transition: transform 0.5s ease-in-out; } .carousel-slide img { min-width: 100%; max-height: 500px; object-fit: cover; } .prev, .next { cursor: pointer; position: absolute; top: 50%; padding: 16px; margin-top: -22px; color: #5b5c24; font-weight: bold; font-size: 36px; transition: 0.6s ease; user-select: none; z-index: 1; } .next { right: 0; } .prev { left: 0; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.2); } </style> </head> <body> <div class="carousel-container"> <div class="carousel-slide"> <img src="https://us-ms.gr-cdn.com/getresponse-t8iwN/photos/eb8d42a7-c8a8-4336-b8c5-541f95fb18fa.png" alt="Imagen 1"> <img src="https://us-ms.gr-cdn.com/getresponse-t8iwN/photos/1736601f-7519-4f1d-8678-980d824da9cd.png" alt="Imagen 2"> </div> <a class="prev" onclick="moveSlide(-1)">❮</a> <a class="next" onclick="moveSlide(1)">❯</a> </div> <script> let slideIndex = 0; const slides = document.querySelector('.carousel-slide'); const totalSlides = slides.children.length; function moveSlide(direction) { slideIndex += direction; if (slideIndex >= totalSlides) { slideIndex = 0; // Ir a la primera imagen } else if (slideIndex < 0) { slideIndex = totalSlides - 1; // Ir a la última imagen } const offset = -slideIndex * 100; slides.style.transform = 'translateX(' + offset + '%)'; } function autoSlide() { moveSlide(1); } setInterval(autoSlide, 3000); // Cambia cada 3 segundos </script> </body> </html>