%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
$title = "La Reserva";
include 'includes/_head.php';
$sec = "INICIO";
?>
<body>
<!--collapse element-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://kit.fontawesome.com/5e34ce39e5.js" crossorigin="anonymous"></script>
<?php
include 'includes/_menu.php';
?>
<!-- Social -->
<a class="whatsapp" id="whatsapp" name="whatsapp" href="https://api.whatsapp.com/send?phone=524428249310" target="_blank">
<img class="whatsapp" style="z-index: 5;position: fixed;width: 30px;height:auto;top: 35%;right: 20px;" src="img/1/WhatsApp_Icon.svg" height="50%" width="50%">
</a>
<a class="msn" id="msn" name="msn" href="https://www.facebook.com/messages/t/lareservavalledejuriquilla" target="_blank">
<img class="msn" style="z-index: 5;position: fixed;width: 30px;height:auto;top: 45%;right: 20px;" src="img/1/Messenger_Icon.svg" height="50%" width="50%">
</a>
<!-- Global Nav -->
<div id="main">
<div class="menuH menurh" style="transition: all 2s ease 0s;opacity: 1;width: 100%;top: 30px;padding-left: 50px;z-index:9999;position:absolute;text-align: -webkit-right;text-align:-mozkit-right;padding-right: 200px;">
<img src="img/1/Logo_LaReserva.svg" class="logoM ocultar" style="width:350px; float:left;">
<div style="padding-top: 10px;">
<a class="ocultar" style="font-size:15px;color:#fff;padding:10px;" href="#INICIO">INICIO</a>
<a class="ocultar" style="font-size:15px;color:#fff;padding:10px;" href="#CONCEPTO">CONCEPTO</a>
<a class="ocultar" style="font-size:15px;color:#fff;padding:10px;" href="#AMENIDADES">AMENIDADES</a>
<a class="ocultar" style="font-size:15px;color:#fff;padding:10px;" href="#PROYECTO">PROYECTO</a>
<a class="ocultar" style="font-size:15px;color:#fff;padding:10px;" href="#UBICACION">UBICACIÓN</a>
<a class="ocultar" style="font-size:15px;color:#fff;padding:10px;" href="#CONTACTO">CONTACTO</a>
</div>
<div onclick="openNav()" id="openbtn"style="position:fixed;right: 0;top: 0;cursor:pointer; position:fixed"><img src="img/1/Menu-Fondo_Icon.svg" class="imgMenuOC" style=""></div>
</div>
<div class="main-container" onclick="closeNav()">
<!-- INICIO Section -->
<section id="INICIO" class="" style="">
<div class="container ContainerInicio" style="text-align: -webkit-center;text-align: -mozkit-center;">
<div class="PantallaInicio" style="width:80%;">
<a class="paddingtopInicio" href="https://api.whatsapp.com/send?phone=524428249310" target="_Blank" style="float: left;"><img src="img/1/ChateaWhatsApp_Boton.svg" style="width: 300px;"></a>
<a href="#Promos" class="paddingtopInicio" style=""><img src="img/1/Scroll_Icon.svg" style="width:100px;position:relative;" class="paddingtopInicio ocultar animated infinite ArribaAbajo"></a>
<video id="videoLR" onplay="pantallaCompleta();" src="img/LaR.mp4" style="width: 350px; float:right;" controls class="ocultar"/>
</div>
</div>
<div class="container" id="Promos" style="padding: 20px;width: 100%;background-color:#002a3a;text-align: -webkit-center;">
<div class="row" style="width: 80%;">
<div class="col-md-6 GothamL centrar" style="font-size:20px;text-align: left;color: #fff;">
En cumplimiento a las medidas preventivas frente al COVID-19
y para brindarte un servicio continuo y seguro, ahora puedes
agendar una cita por video llamada.
</div>
<div class="col-md-6" style="text-align:center;padding-top:10px;">
<a class="ocultar" href="https://api.whatsapp.com/send?phone=524428249310" target="_Blank" ><img src="img/2/WA_Boton.svg" style="width:50px;"></a>
<a href="#CONTACTO" style="position: relative;z-index: 9;"><img src="img/2/AgendaCita_Boton.svg" style="width: 40%;min-width: 200px;"></a>
</div>
</div>
</div>
<center style="position: absolute;width: 100%;margin-top: -40px;"><img src="img/Hojas/Asset 69.png" style="width:115px;position: relative;z-index: 1;"></center>
<div class="container contenedorInicioPromos izq" style="opacity:0; padding: 20px;width: 100%; text-align:-webkit-center; text-align:-mozkit-center;">
<div class="row">
<div class="col-md-3 brdr opcPromos0" onmouseover="CambiaPromo1();" id="Promo1" style="border-top: none !important;">
<div class="Litoland" style="font-size:70px; color:#002a3a;">5%</div>
<div class="GothamM" style="font-size:20px; color:#002a3a;">DE DESCUENTO</div>
<br><br>
<div class="GothamL" style="font-size:20px; color:#002a3a;">SIN INCREMENTO DE PRECIO</div>
<br class="no_ocultar">
<table style="color:#002a3a;width: 200px;text-align: center;opacity:0;">
<tr>
<td>Periodo<br>de gracia</td>
<td style="border: solid #002a3a;vertical-align: middle;background-color: #002a3a;color: #fff;">2 MESES</td>
</tr>
</table>
<div class="GothamM no_ocultar" style="font-size:15px; color:#002a3a;">PAGO DE CONTADO</div>
<br>
</div>
<div class="col-md-3 brdr opcPromos1" onmouseover="CambiaPromo2();" id="Promo2" style="">
<div class="Litoland" style="font-size:70px; color:#002a3a;">20%</div>
<div class="GothamM" style="font-size:20px; color:#002a3a;">DE ENGANCHE</div>
<br><br>
<table style="color:#002a3a;width: 200px;text-align: center;">
<tr>
<td>Periodo<br>de gracia</td>
<td style="border: solid #002a3a;vertical-align: middle;background-color: #002a3a;color: #fff;">2 MESES</td>
</tr>
</table>
<br class="no_ocultar">
<div class="GothamM no_ocultar" style="font-size:15px; color:#002a3a;">PLAN A 18 MESES</div>
<br>
</div>
<div class="col-md-3 brdr opcPromos0" onmouseover="CambiaPromo3();" id="Promo3" style="">
<div class="Litoland" style="font-size:70px; color:#002a3a;">30%</div>
<div class="GothamM" style="font-size:20px; color:#002a3a;">DE ENGANCHE</div>
<br><br>
<div class="GothamL" style="font-size:20px; color:#002a3a;">12 PAGOS</div>
<table style="color:#002a3a;width: 200px;text-align: center;">
<tr>
<td>Periodo<br>de gracia</td>
<td style="border: solid #002a3a;vertical-align: middle;background-color: #002a3a;color: #fff;">2 MESES</td>
</tr>
</table>
<br class="no_ocultar">
<div class="GothamM no_ocultar" style="font-size:15px; color:#002a3a;">PRECIO DE CONTADO</div>
<br>
</div>
<div class="col-md-3 brdr opcPromos0" onmouseover="CambiaPromo4();" id="Promo4" style="border-right: none;">
<div class="GothamM" style="font-size:20px; color:#002a3a;">EN</div>
<div class="Litoland" style="font-size:70px; color:#002a3a;">10</div>
<div class="GothamM" style="font-size:20px; color:#002a3a;">PAGOS</div>
<br class="no_ocultar">
<div class="GothamM no_ocultar" style="font-size:15px; color:#002a3a;">PRECIO DE CONTADO</div>
</div>
</div>
<br>
<div class="row ocultar" style="">
<div class="col-md-3 lineOpcPromos0" id="LinePromo1" onmouseover="CambiaPromo1();" style=""><div class="GothamM ocultar" style="font-size:15px; color:#fff;">PAGO DE CONTADO</div></div>
<div class="col-md-3 lineOpcPromos1" id="LinePromo2" onmouseover="CambiaPromo2();" style=""><div class="GothamM ocultar" style="font-size:15px; color:#fff;">PLAN A 18 MESES</div></div>
<div class="col-md-3 lineOpcPromos0" id="LinePromo3" onmouseover="CambiaPromo3();" style=""><div class="GothamM ocultar" style="font-size:15px; color:#fff;">PRECIO DE CONTADO</div></div>
<div class="col-md-3 lineOpcPromos0" id="LinePromo4" onmouseover="CambiaPromo4();" style=""><div class="GothamM ocultar" style="font-size:15px; color:#fff;">PRECIO DE CONTADO</div></div>
</div>
</div>
</section>
<!-- CONCEPTO Section -->
<section id="CONCEPTO" class="" style="background-color:#c0d3d3;padding:50px;">
<div style="position: absolute;text-align: right;margin-top: -150px;z-index: 1;"><img src="img/Hojas/Asset 79.png"></div>
<div class="container der" style="opacity:0;">
<br>
<center class="Optima" style="font-size: 50px;color:#002a3a;font-weight: 900;">Concepto</center>
<br>
<div class="col-md-6">
<table style="width:100%;border-left: solid 1px #003c5a;" id="Conceptouno" class="opacityUno ConceptoImg1">
<tr>
<td style="width:20%;vertical-align:top;">
<img src="img/4/oscuros/1_Circle.svg" style="width: 60px;margin-left: -30px;cursor:pointer;" name="1" onmouseover="CambiaConcepto(this.name);">
</td>
<td style="width:80%;">
<div class="GothamM centrar" style="font-size:25px;">
RESERVA
</div>
<br>
<div class="GothamL centrar" style="font-size:18px;">
Ocasiones especiales y momentos de
convivencia con tu familia y amigos en
el salón de usos múltiples. Convivir es
compartir felicidad.
</div>
<center class="no_ocultar">
<br>
<img src="img/4/Imagenes/1_Reserva.jpg" style="width:100%;">
</center>
<br><br>
</td>
</tr>
</table>
<table style="width:100%;border-left: solid 1px #003c5a;" id="Conceptodos" class="opacityUno ConceptoImg0">
<tr>
<td style="width:20%;vertical-align:middle;">
<img src="img/4/oscuros/2_Circle.svg" style="width: 60px;margin-left: -30px;cursor:pointer;" name="2" onmouseover="CambiaConcepto(this.name);">
</td>
<td style="width:80%;">
<div class="GothamM centrar" style="font-size:25px;">
DISFRUTA
</div>
<br>
<div class="GothamL centrar" style="font-size:18px;">
De tardes de relajación y lectura en las
hamacas junto al fogatero, sacando el
máximo provecho del clima y los
espectaculares atardeceres Queretanos.
</div>
<center class="no_ocultar">
<br>
<img src="img/4/Imagenes/2_Disfruta.jpg" style="width:100%;">
</center>
<br><br>
</td>
</tr>
</table>
<table style="width:100%;border-left: solid 1px #003c5a;" id="Conceptotres" class="opacityUno ConceptoImg0">
<tr>
<td style="width:20%;vertical-align:bottom;">
<img src="img/4/oscuros/3_Circle.svg" style="width: 60px;margin-left: -30px;cursor:pointer;" name="3" onmouseover="CambiaConcepto(this.name);">
</td>
<td style="width:80%;">
<br>
<div class="GothamM centrar" style="font-size:25px;">
CREA
</div>
<br>
<div class="GothamL centrar" style="font-size:18px;">
Memorias inolvidables viendo a tus hijos
emocionarse al bajar por la resbaladilla
y sonriendo mientras juegan en el
arenero
</div>
<center class="no_ocultar">
<br>
<img src="img/4/Imagenes/3_Crea.jpg" style="width:100%;">
</center>
<br>
</td>
</tr>
</table>
</div>
<div class="col-md-6 ocultar">
<img id="ImgConcepto" src="img/4/Imagenes/1_Reserva.jpg" style="width:100%;">
<div style="float: right; position: relative; bottom: 140px; right: -25px;">
<img src="img/4/Up_Slider.svg" style="width:50px;cursor:pointer;" id="upConcepto" name="1" onclick="CambiaConcepto(this.name - 1);">
<br><br>
<img src="img/4/Down_Slider.svg" style="width:50px;cursor:pointer;" id="downConcepto" name="1" onclick="CambiaConcepto(this.name + 1);">
</div>
</div>
</div>
</section>
<!-- AMENIDADES Section -->
<section id="AMENIDADES" class="" style="width:100%;background-color:#002a3a;">
<div class="container" style="width:90%;">
<br><br><br>
<div class="row">
<div class="col-md-4" style="padding:20px;">
<div class="GothamM" style="width:100%; font-size:40px;color:#fff; text-align:left;">Amenidades</div>
<div class="mediano ocultar"></div>
<div class="GothamL" style="width:100%; font-size:40px;color:#fff; text-align:left;" id="NombreAmenidad">PÓRTICO DE ACCESO</div>
<div class="mediano ocultar"></div>
<img class="ocultar" src="img/Hojas/Asset 75.png" style="width:60%;">
<div class="Optima" style="width:100%; font-size:25px;color:#fff; text-align:left;"><span id="NumeroAmenidad" style="font-size:40px;">1</span> / 5</div>
</div>
<div class="col-md-8">
<table style="width:100%;">
<tr>
<td style="width:90%;">
<img src="img/5/cl/1_Portico.jpg" style="width:80%;" id="ImagenAmenidades">
<img src="img/5/bn/2_Gimnasio.jpg" style="width: 60%;position: absolute;transform: rotatey(215deg);z-index: 0;padding-top: 4%;" id="ImagenAmenidadesOtra">
</td>
<td style="width:10%;">
<img src="img/5/Der_Slider.svg" style="width: 50px; cursor:pointer;position:relative;" name="1" id="FlechaAmenidades" onclick="CambiaAmenidades(this.name + 1);">
</td>
<tr>
</table>
<br>
<div style="font-size:20px;color:#fff;text-align:left;" id="TextoAmenidades" class="centrar textoAmenidades">
Nuestro imponente pórtico, es la única entrada al desarrollo y el acceso es controlado para brindarte la seguridad que tu y tu familia necesitan.
</div>
<br><br>
<table style="width:100%;height:3px;">
<tr>
<td class="fondoLineaAmen1" id="L1A"></td>
<td class="fondoLineaAmen0" id="L2A"></td>
<td class="fondoLineaAmen0" id="L3A"></td>
<td class="fondoLineaAmen0" id="L4A"></td>
<td class="fondoLineaAmen0" id="L5A"></td>
</tr>
</table>
</div>
</div>
<br><br><br>
</div>
</section>
<!-- PROYECTO Section -->
<section id="PROYECTO" class="" style="">
<div class="container" style="background:linear-gradient(180deg, #fff 40%, #003c5a 40%); width:100%; text-align:-webkit-center; text-align:-moz-center;">
<div class="row" style="width:70%;">
<div class="col-md-12" style="text-align:center;">
<br><br>
<center class="Optima" style="font-size: 50px;color:#002a3a;font-weight: 900;">Proyecto</center>
<br><br>
<video src="img/LaR_1.mp4" class="abajo" style="width:100%;opacity:0;" controls></video>
<img src="img/Hojas/Asset 80.png" style="width:23%;min-width:200px;">
</div>
</div>
</div>
<div class="container" style="background:linear-gradient(180deg, #fff 60%, #002a3a 60%); width:100%; text-align:-webkit-center; text-align:-moz-center;">
<div class="row">
<div class="col-md-6" style="padding:50px;">
<div class="cienpr centrar" style="font-size:25px;text-align:left;color:#003c5a;width:70%;">
El proyecto consta de<br><strong>240 lotes</strong> y <strong>8,500 m2 de áreas verdes.</strong>
</div>
<table style="width:70%; background-color:#fff;" class="cienpr">
<tr>
<td style="width:10%;"><img src="img/6/RosaCuadro_Mapa.svg" style="width:50%;min-width:20px;"></td>
<td style="width: 90%;padding: 25px;border-bottom: solid 1px #003c5a;"><strong style="color:#003c5a;font-size:25px;">120 Lotes de 180 m<sup>2</sup></strong></td>
</tr>
<tr>
<td style="width:10%;"><img src="img/6/AmarilloCuadro_Mapa.svg" style="width:50%;min-width:20px;"></td>
<td style="width: 90%;padding: 25px;border-bottom: solid 1px #003c5a;"><strong style="color:#003c5a;font-size:25px;">100 Lotes de 200 m<sup>2</sup></strong></td>
</tr>
<tr>
<td style="width:10%;"><img src="img/6/AzulCuadro_Mapa.svg" style="width:50%;min-width:20px;"></td>
<td style="width: 90%;padding: 25px;border-bottom: solid 1px #003c5a;"><strong style="color:#003c5a;font-size:25px;">20 Lotes de 300 m<sup>2</sup></strong></td>
</tr>
</table>
<div class="mediano"></div>
<div style="width:70%;background-color: #003c5a;padding:50px;" class="cienpr row">
<div class="col-md-4">
<img src="img/6/PDF_Icon.svg" style="width:70%;max-width:100px;min-width:50px;">
<br><br>
</div>
<div class="col-md-8" style="font-size:20px; color:#fff;">
Descarga nuestro <strong>PLANO DE DISPONIBILIDAD</strong>
<br><br>
<a href="DISPONIBILIDADLARESERVA03.04.2020.pdf" target="_blank"><img class="cienpr" src="img/6/Descarga_Boton.svg" style="width:70%;max-width:200px;min-width:140px;"></a>
</div>
</div>
<img src="img/Hojas/Asset 71.png" style="width:23%;min-width:200px;">
</div>
<div class="col-md-6">
<img class="ocultar der" src="img/6/Mapa.png" style="width:50%;opacity:0;">
</div>
</div>
<br><br>
<center class="Optima planoInter" style="font-size: 50px;font-weight: 900;padding:20px;width:70%;text-align:left;line-height:1;">Plano Interactivo</center>
<br>
<a href="http://drt-sistema.ikigaisolutions.com/clientes/reserva/" target="_Blank" style="text-align:center;"><img class="hoverPlano" src="img/LaReserva_plano.png" style="width:80%;"></a>
<br><br>
<center class="Optima" style="font-size: 50px;color:#fff;font-weight: 900;">Galería</center>
<br><br>
<table class="cienpr" style="width:80%;">
<tr>
<td class="ocultar" style="width:10%;text-align:right;">
<img src="img/7/Izq_Slider.svg" style="width:45px;cursor:pointer;opacity:0;" class="izq" name="1" id="IzqGaleria" onclick="CambiarGaleria(this.name - 1);"><br>
</td>
<td class="cienpr" style="width:80%;">
<img src="img/7/Gdes/1_image.png" style="width:100%;" id="GaleriaImgP" name="1">
<div style="height:50px;" class="ocultar"></div>
<table style="width:100%;">
<tr>
<td style="text-align:center;"><img src="img/7/Gdes/1_image.png" class="GaleriaSelect1" style="" id="Galeria1" name="1" onclick="CambiarGaleria(this.name);"></td>
<td style="text-align:center;"><img src="img/7/Gdes/2_Image.png" class="GaleriaSelect0" style="" id="Galeria2" name="2" onclick="CambiarGaleria(this.name);"></td>
<td style="text-align:center;"><img src="img/7/Gdes/3_Image.png" class="GaleriaSelect0" style="" id="Galeria3" name="3" onclick="CambiarGaleria(this.name);"></td>
<td style="text-align:center;"><img src="img/7/Gdes/4_Image.png" class="GaleriaSelect0" style="" id="Galeria4" name="4" onclick="CambiarGaleria(this.name);"></td>
<td style="text-align:center;"><img src="img/7/Gdes/5_Image.png" class="GaleriaSelect0" style="" id="Galeria5" name="5" onclick="CambiarGaleria(this.name);"></td>
<td style="text-align:center;"><img src="img/7/Gdes/6_Image.png" class="GaleriaSelect0" style="" id="Galeria6" name="6" onclick="CambiarGaleria(this.name);"></td>
<td style="text-align:center;"><img src="img/7/Gdes/7_Image.png" class="GaleriaSelect0" style="" id="Galeria7" name="7" onclick="CambiarGaleria(this.name);"></td>
</tr>
</table>
</td>
<td class="ocultar" style="width:10%;text-align:left;">
<img src="img/7/Der_Slider.svg" style="width:45px;cursor:pointer;opacity:0;" class="der" name="1" id="DerGaleria" onclick="CambiarGaleria(this.name + 1);">
<div class="mediano"></div>
<div class="Optima" style="width:100%; font-size:25px;color:#fff; text-align:right;"><span id="NoGaleria" style="font-size:40px;">1</span> / 7</div>
</td>
</tr>
</table>
<div class="mediano"></div>
</div>
</section>
<!-- UBICACIÓN Section -->
<section id="UBICACION" class="" style="text-align:-webkit-center;text-align:-mozkit-center;background:linear-gradient(180deg, #002a3a 3%, #c0d3d3 3%);">
<div class="container">
<div class="row">
<div class="col-md-7 ocultar" style="text-align:left;">
<img src="img/8/Imagen_LR.jpg" class="izq" style="width:70%;opacity:0;">
</div>
<div class="col-md-5 centrar" style="text-align:left;">
<div class="mediano"></div>
<div class="Optima" style="font-size: 35px;color:#002a3a;font-weight: 900;">Ubicación</div>
<br><br>
<div class="GothamL" style="font-size: 30px;color:#6d9494;font-weight: 900;">CERCA DE</div>
<br><br>
<table style="width:100%;">
<tr>
<td style="width:33%;text-align:center;"><img src="img/8/1_Antea.svg" style="width:60px;"></td>
<td style="width:34%;text-align:center;"><img src="img/8/2_UpTpwn.svg" style="width:80px;"></td>
<td style="width:33%;text-align:center;"><img src="img/8/3_UrbanCenter.svg" style="width:80px;"></td>
</tr>
<tr><td><br><br></td></tr>
<tr>
<td style="width:33%;text-align:center;"><img src="img/8/4_Ihop.svg" style="width:80px;"></td>
<td style="width:34%;text-align:center;"><img src="img/8/5_Frsko.svg" style="width:100px;"></td>
<td style="width:33%;text-align:center;"><img src="img/8/6_UVM.svg" style="width:80px;"></td>
</tr>
<tr><td><br><br></td></tr>
<tr>
<td style="width:33%;text-align:center;"><img src="img/8/7_TheVillage.svg" style="width:100px;"></td>
<td style="width:34%;text-align:center;"><img src="img/8/8_GolfJuriquilla.svg" style="width:100px;"></td>
<td style="width:33%;text-align:center;"></td>
</tr>
</table>
</div>
</div>
<br><br>
<div class="row">
<div class="col-md-5 centrar" style="text-align:left;">
<br><br>
<img src="img/8/Locacion_Icon.svg" style="width:60px;">
<br><br><br><br>
<div class="cienpr centrar GothamL" style="width:70%;color:#003c5b;font-size:20px;">
Cerca de Superama, Home Depot,
Fresco y City Market.
</div>
<br><br>
<div class="cienpr centrar GothamM" style="width:70%;color:#003c5b;font-size:20px;">
Av. Los Portones S/N
Valle de Juriquilla.
</div>
</div>
<div class="col-md-7">
<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d7465.130847329399!2d-100.447774!3d20.687252!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses-419!2smx!4v1588101927918!5m2!1ses-419!2smx" width="100%" height="450" frameborder="0" style="border:0;opacity:0;" class="der" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
<br><br><br><br>
</div>
</section>
<!-- CONTACTO Section -->
<section id="CONTACTO" class="" style="background:linear-gradient(180deg, #c0d3d3 2%, #002a3a 2%);">
<div class="container">
<div class="row">
<div class="col-md-6 centrar izq" style="text-align:left;opacity:0;">
<div class="mediano ocultar"></div>
<span class="Optima" style="color:#fff; font-size:25px;">Contáctanos</span>
<br><br>
<span class="GothamL" style="color:#fff; font-size:18px;">
¿Desea recibir más información?<br>
Escríbenos o llámanos.
</span>
<div class="mediano"></div>
<span class="GothamM" style="color:#fff; font-size:18px;">ventas@drt.com.mx</span>
<br><br>
<span class="GothamL" style="color:#fff; font-size:18px;">
442 824 9310
</span>
<div class="mediano"></div>
<a href="https://api.whatsapp.com/send?phone=524428249310" style="" target="_Blank"><img src="img/9/ChateaWA_Boton.svg" style="width: 75%;min-width: 300px;"></a>
<br><br><br><br>
</div>
<div class="col-md-6 der" style="background-color: #fff;padding: 50px;text-align: -webkit-center; opacity:0;">
<form action="mensaje.php" method="post" target="mensaje" onsubmit="ContactoEnviado();">
<input class="GothamM" id="nombre2" name="nombre" type="text" style="width:80%;height:35px;border-style:solid;border: solid #dbdbdb;background-color: #ffffff;padding-left:10px;" placeholder="NOMBRE" required /><BR><BR>
<input class="GothamM" id="email" name="email" type="email" style="width:80%;height:35px;border-style:solid;border: solid #dbdbdb;background-color: #ffffff;padding-left:10px;" placeholder="EMAIL" required /><BR><BR>
<input class="GothamM" id="telefono" name="telefono" type="tel" style="width:80%;height:35px;border-style:solid;border: solid #dbdbdb;background-color: #ffffff;padding-left:10px;" placeholder="TELÉFONO" /><BR><BR>
<textarea class="GothamM" placeholder="MENSAJE" required type="text" style="width:80%;height:85px !IMPORTANT;border: solid #dbdbdb;background-color: #ffffff;padding-left:10px;" id="mensaje" name="mensaje"></textarea>
<br>
<br>
<div class="centrar2"><div style="text-align: left;font-size:20px;color:#0e1c28;line-height:1.2;width: 80%;" class="GothamM centrar">¿CÓMO TE GUSTARÍA RECIBIR LA INFORMACIÓN?</div></div>
<br>
<div class="row centrar2 cienpr" style="width:80%;">
<div class="col-md-6">
<div class="centrar" style="text-align:left;line-height:1;">
<input type="checkbox" id="LLAMADA" name="LLAMADA" value="LLAMADA">
<label for="LLAMADA" style="font-size:10px;">LLAMADA</label>
<br>
</div>
<div class="centrar" style="text-align:left;line-height:1;">
<input type="checkbox" id="CORREO" name="CORREO" value="CORREO">
<label for="CORREO" style="font-size:10px;">CORREO ELECTRÓNICO</label>
<br>
</div>
<div class="centrar" style="text-align:left;line-height:1;">
<input type="checkbox" id="WHATSAPP" name="WHATSAPP" value="WHATSAPP">
<label for="WHATSAPP" style="font-size:10px;">WHATSAPP</label>
<br>
</div>
<div class="centrar" style="text-align:left;line-height:1;">
<input type="checkbox" id="VIDEOLLAMADA" name="VIDEOLLAMADA" value="VIDEOLLAMADA">
<label for="VIDEOLLAMADA" style="font-size:10px;">VIDEOLLAMADA</label>
<br>
</div>
</div>
<div class="col-md-6">
<br><br>
<input type="submit" class="GothamL boton_contacto" value="ENVIAR" />
</div>
</div>
</form>
<div>
<center>
<iframe id="mensaje" name="mensaje" src="" style="display:none;" frameborder="none"></iframe>
</center>
</div>
</div>
</div>
<div class="mediano"></div>
</div>
</section>
</div>
<?php
include 'includes/_footer.php';
?>
<!-- Global Nav -->
</div>
<!--GALERIA-->
<script>
function CambiarGaleria(IdGaleria){
if(IdGaleria == 0){
IdGaleria = 7
}else if(IdGaleria == '11'){
IdGaleria = 2
}else if(IdGaleria == '21'){
IdGaleria = 3
}else if(IdGaleria == '31'){
IdGaleria = 4
}else if(IdGaleria == '41'){
IdGaleria = 5
}else if(IdGaleria == '51'){
IdGaleria = 6
}else if(IdGaleria == '61'){
IdGaleria = 7
}else if(IdGaleria == '71'){
IdGaleria = 1
}
if(IdGaleria == '1'){
document.getElementById("GaleriaImgP").src="img/7/Gdes/1_image.png"
document.getElementById("NoGaleria").innerHTML="1"
document.getElementById("GaleriaImgP").name= IdGaleria
document.getElementById("IzqGaleria").name= IdGaleria
document.getElementById("DerGaleria").name= IdGaleria
document.getElementById("Galeria1").classList.add("GaleriaSelect1");
document.getElementById("Galeria1").classList.remove("GaleriaSelect0");
document.getElementById("Galeria2").classList.add("GaleriaSelect0");
document.getElementById("Galeria2").classList.remove("GaleriaSelect1");
document.getElementById("Galeria3").classList.add("GaleriaSelect0");
document.getElementById("Galeria3").classList.remove("GaleriaSelect1");
document.getElementById("Galeria4").classList.add("GaleriaSelect0");
document.getElementById("Galeria4").classList.remove("GaleriaSelect1");
document.getElementById("Galeria5").classList.add("GaleriaSelect0");
document.getElementById("Galeria5").classList.remove("GaleriaSelect1");
document.getElementById("Galeria6").classList.add("GaleriaSelect0");
document.getElementById("Galeria6").classList.remove("GaleriaSelect1");
document.getElementById("Galeria7").classList.add("GaleriaSelect0");
document.getElementById("Galeria7").classList.remove("GaleriaSelect1");
}else if(IdGaleria == '2'){
document.getElementById("GaleriaImgP").src="img/7/Gdes/2_Image.png"
document.getElementById("NoGaleria").innerHTML="2"
document.getElementById("GaleriaImgP").name= IdGaleria
document.getElementById("IzqGaleria").name= IdGaleria
document.getElementById("DerGaleria").name= IdGaleria
document.getElementById("Galeria1").classList.add("GaleriaSelect0");
document.getElementById("Galeria1").classList.remove("GaleriaSelect1");
document.getElementById("Galeria2").classList.add("GaleriaSelect1");
document.getElementById("Galeria2").classList.remove("GaleriaSelect0");
document.getElementById("Galeria3").classList.add("GaleriaSelect0");
document.getElementById("Galeria3").classList.remove("GaleriaSelect1");
document.getElementById("Galeria4").classList.add("GaleriaSelect0");
document.getElementById("Galeria4").classList.remove("GaleriaSelect1");
document.getElementById("Galeria5").classList.add("GaleriaSelect0");
document.getElementById("Galeria5").classList.remove("GaleriaSelect1");
document.getElementById("Galeria6").classList.add("GaleriaSelect0");
document.getElementById("Galeria6").classList.remove("GaleriaSelect1");
document.getElementById("Galeria7").classList.add("GaleriaSelect0");
document.getElementById("Galeria7").classList.remove("GaleriaSelect1");
}else if(IdGaleria == '3'){
document.getElementById("GaleriaImgP").src="img/7/Gdes/3_Image.png"
document.getElementById("NoGaleria").innerHTML="3"
document.getElementById("GaleriaImgP").name= IdGaleria
document.getElementById("IzqGaleria").name= IdGaleria
document.getElementById("DerGaleria").name= IdGaleria
document.getElementById("Galeria1").classList.add("GaleriaSelect0");
document.getElementById("Galeria1").classList.remove("GaleriaSelect1");
document.getElementById("Galeria2").classList.add("GaleriaSelect0");
document.getElementById("Galeria2").classList.remove("GaleriaSelect1");
document.getElementById("Galeria3").classList.add("GaleriaSelect1");
document.getElementById("Galeria3").classList.remove("GaleriaSelect0");
document.getElementById("Galeria4").classList.add("GaleriaSelect0");
document.getElementById("Galeria4").classList.remove("GaleriaSelect1");
document.getElementById("Galeria5").classList.add("GaleriaSelect0");
document.getElementById("Galeria5").classList.remove("GaleriaSelect1");
document.getElementById("Galeria6").classList.add("GaleriaSelect0");
document.getElementById("Galeria6").classList.remove("GaleriaSelect1");
document.getElementById("Galeria7").classList.add("GaleriaSelect0");
document.getElementById("Galeria7").classList.remove("GaleriaSelect1");
}else if(IdGaleria == '4'){
document.getElementById("GaleriaImgP").src="img/7/Gdes/4_Image.png"
document.getElementById("NoGaleria").innerHTML="4"
document.getElementById("GaleriaImgP").name= IdGaleria
document.getElementById("IzqGaleria").name= IdGaleria
document.getElementById("DerGaleria").name= IdGaleria
document.getElementById("Galeria1").classList.add("GaleriaSelect0");
document.getElementById("Galeria1").classList.remove("GaleriaSelect1");
document.getElementById("Galeria2").classList.add("GaleriaSelect0");
document.getElementById("Galeria2").classList.remove("GaleriaSelect1");
document.getElementById("Galeria3").classList.add("GaleriaSelect0");
document.getElementById("Galeria3").classList.remove("GaleriaSelect1");
document.getElementById("Galeria4").classList.add("GaleriaSelect1");
document.getElementById("Galeria4").classList.remove("GaleriaSelect0");
document.getElementById("Galeria5").classList.add("GaleriaSelect0");
document.getElementById("Galeria5").classList.remove("GaleriaSelect1");
document.getElementById("Galeria6").classList.add("GaleriaSelect0");
document.getElementById("Galeria6").classList.remove("GaleriaSelect1");
document.getElementById("Galeria7").classList.add("GaleriaSelect0");
document.getElementById("Galeria7").classList.remove("GaleriaSelect1");
}else if(IdGaleria == '5'){
document.getElementById("GaleriaImgP").src="img/7/Gdes/5_Image.png"
document.getElementById("NoGaleria").innerHTML="5"
document.getElementById("GaleriaImgP").name= IdGaleria
document.getElementById("IzqGaleria").name= IdGaleria
document.getElementById("DerGaleria").name= IdGaleria
document.getElementById("Galeria1").classList.add("GaleriaSelect0");
document.getElementById("Galeria1").classList.remove("GaleriaSelect1");
document.getElementById("Galeria2").classList.add("GaleriaSelect0");
document.getElementById("Galeria2").classList.remove("GaleriaSelect1");
document.getElementById("Galeria3").classList.add("GaleriaSelect0");
document.getElementById("Galeria3").classList.remove("GaleriaSelect1");
document.getElementById("Galeria4").classList.add("GaleriaSelect0");
document.getElementById("Galeria4").classList.remove("GaleriaSelect1");
document.getElementById("Galeria5").classList.add("GaleriaSelect1");
document.getElementById("Galeria5").classList.remove("GaleriaSelect0");
document.getElementById("Galeria6").classList.add("GaleriaSelect0");
document.getElementById("Galeria6").classList.remove("GaleriaSelect1");
document.getElementById("Galeria7").classList.add("GaleriaSelect0");
document.getElementById("Galeria7").classList.remove("GaleriaSelect1");
}else if(IdGaleria == '6'){
document.getElementById("GaleriaImgP").src="img/7/Gdes/6_Image.png"
document.getElementById("NoGaleria").innerHTML="6"
document.getElementById("GaleriaImgP").name= IdGaleria
document.getElementById("IzqGaleria").name= IdGaleria
document.getElementById("DerGaleria").name= IdGaleria
document.getElementById("Galeria1").classList.add("GaleriaSelect0");
document.getElementById("Galeria1").classList.remove("GaleriaSelect1");
document.getElementById("Galeria2").classList.add("GaleriaSelect0");
document.getElementById("Galeria2").classList.remove("GaleriaSelect1");
document.getElementById("Galeria3").classList.add("GaleriaSelect0");
document.getElementById("Galeria3").classList.remove("GaleriaSelect1");
document.getElementById("Galeria4").classList.add("GaleriaSelect0");
document.getElementById("Galeria4").classList.remove("GaleriaSelect1");
document.getElementById("Galeria5").classList.add("GaleriaSelect0");
document.getElementById("Galeria5").classList.remove("GaleriaSelect1");
document.getElementById("Galeria6").classList.add("GaleriaSelect1");
document.getElementById("Galeria6").classList.remove("GaleriaSelect0");
document.getElementById("Galeria7").classList.add("GaleriaSelect0");
document.getElementById("Galeria7").classList.remove("GaleriaSelect1");
}else if(IdGaleria == '7'){
document.getElementById("GaleriaImgP").src="img/7/Gdes/7_Image.png"
document.getElementById("NoGaleria").innerHTML="7"
document.getElementById("GaleriaImgP").name= IdGaleria
document.getElementById("IzqGaleria").name= IdGaleria
document.getElementById("DerGaleria").name= IdGaleria
document.getElementById("Galeria1").classList.add("GaleriaSelect0");
document.getElementById("Galeria1").classList.remove("GaleriaSelect1");
document.getElementById("Galeria2").classList.add("GaleriaSelect0");
document.getElementById("Galeria2").classList.remove("GaleriaSelect1");
document.getElementById("Galeria3").classList.add("GaleriaSelect0");
document.getElementById("Galeria3").classList.remove("GaleriaSelect1");
document.getElementById("Galeria4").classList.add("GaleriaSelect0");
document.getElementById("Galeria4").classList.remove("GaleriaSelect1");
document.getElementById("Galeria5").classList.add("GaleriaSelect0");
document.getElementById("Galeria5").classList.remove("GaleriaSelect1");
document.getElementById("Galeria6").classList.add("GaleriaSelect0");
document.getElementById("Galeria6").classList.remove("GaleriaSelect1");
document.getElementById("Galeria7").classList.add("GaleriaSelect1");
document.getElementById("Galeria7").classList.remove("GaleriaSelect0");
}
}
</script>
<!--CambiaAmenidades-->
<script>
function CambiaAmenidades(NoAmenidad){
if(NoAmenidad == 11){
NoAmenidad = 2
}else if(NoAmenidad == 21){
NoAmenidad = 3
}else if(NoAmenidad == 31){
NoAmenidad = 4
}else if(NoAmenidad == 41){
NoAmenidad = 5
}else if(NoAmenidad == 51){
NoAmenidad = 1
}
if(NoAmenidad == 1){
document.getElementById("ImagenAmenidades").src = "img/5/cl/1_Portico.jpg";
document.getElementById("ImagenAmenidadesOtra").src = "img/5/bn/2_Gimnasio.jpg";
document.getElementById("FlechaAmenidades").name = NoAmenidad;
document.getElementById("NumeroAmenidad").innerHTML = "1";
document.getElementById("NombreAmenidad").innerHTML = "Pórtico de Acceso";
document.getElementById("TextoAmenidades").innerHTML = "Nuestro imponente pórtico, es la única entrada al desarrollo y el acceso es controlado para brindarte la seguridad que tú y tu familia necesita.";
document.getElementById("L1A").classList.remove("fondoLineaAmen0");
document.getElementById("L1A").classList.add("fondoLineaAmen1");
document.getElementById("L2A").classList.remove("fondoLineaAmen1");
document.getElementById("L2A").classList.add("fondoLineaAmen0");
document.getElementById("L3A").classList.remove("fondoLineaAmen1");
document.getElementById("L3A").classList.add("fondoLineaAmen0");
document.getElementById("L4A").classList.remove("fondoLineaAmen1");
document.getElementById("L4A").classList.add("fondoLineaAmen0");
document.getElementById("L5A").classList.remove("fondoLineaAmen1");
document.getElementById("L5A").classList.add("fondoLineaAmen0");
}else if(NoAmenidad == 2){
document.getElementById("ImagenAmenidades").src = "img/5/cl/2_Gimnasio.jpg";
document.getElementById("ImagenAmenidadesOtra").src = "img/5/bn/3_EspaciodeLEctura.jpg";
document.getElementById("FlechaAmenidades").name = NoAmenidad;
document.getElementById("NumeroAmenidad").innerHTML = "2";
document.getElementById("NombreAmenidad").innerHTML = "Gimnasio";
document.getElementById("TextoAmenidades").innerHTML = "Mantente en forma, despeja tu mente y conoce gente al mismo tiempo, comienza el día con una rutina de ejercicios.";
document.getElementById("L1A").classList.remove("fondoLineaAmen1");
document.getElementById("L1A").classList.add("fondoLineaAmen0");
document.getElementById("L2A").classList.remove("fondoLineaAmen0");
document.getElementById("L2A").classList.add("fondoLineaAmen1");
document.getElementById("L3A").classList.remove("fondoLineaAmen1");
document.getElementById("L3A").classList.add("fondoLineaAmen0");
document.getElementById("L4A").classList.remove("fondoLineaAmen1");
document.getElementById("L4A").classList.add("fondoLineaAmen0");
document.getElementById("L5A").classList.remove("fondoLineaAmen1");
document.getElementById("L5A").classList.add("fondoLineaAmen0");
}else if(NoAmenidad == 3){
document.getElementById("ImagenAmenidades").src = "img/5/cl/3_EspaciodeLEctura.jpg";
document.getElementById("ImagenAmenidadesOtra").src = "img/5/bn/4_EspaciodeProyeccion.jpg";
document.getElementById("FlechaAmenidades").name = NoAmenidad;
document.getElementById("NumeroAmenidad").innerHTML = "3";
document.getElementById("NombreAmenidad").innerHTML = "Área de Lectura";
document.getElementById("TextoAmenidades").innerHTML = "Creamos un espacio ideal para que puedas adentrarte en tu libro favorito.";
document.getElementById("L1A").classList.remove("fondoLineaAmen1");
document.getElementById("L1A").classList.add("fondoLineaAmen0");
document.getElementById("L2A").classList.remove("fondoLineaAmen1");
document.getElementById("L2A").classList.add("fondoLineaAmen0");
document.getElementById("L3A").classList.remove("fondoLineaAmen0");
document.getElementById("L3A").classList.add("fondoLineaAmen1");
document.getElementById("L4A").classList.remove("fondoLineaAmen1");
document.getElementById("L4A").classList.add("fondoLineaAmen0");
document.getElementById("L5A").classList.remove("fondoLineaAmen1");
document.getElementById("L5A").classList.add("fondoLineaAmen0");
}else if(NoAmenidad == 4){
document.getElementById("ImagenAmenidades").src = "img/5/cl/4_EspaciodeProyeccion.jpg";
document.getElementById("ImagenAmenidadesOtra").src = "img/5/bn/5_SalonDeUsosMultiples.jpg";
document.getElementById("FlechaAmenidades").name = NoAmenidad;
document.getElementById("NumeroAmenidad").innerHTML = "4";
document.getElementById("NombreAmenidad").innerHTML = "Sala de Proyección";
document.getElementById("TextoAmenidades").innerHTML = "Creamos un espacio perfecto para las tardes de películas y la convivencia entre amigos disfrutando de partidos y eventos deportivos.";
document.getElementById("L1A").classList.remove("fondoLineaAmen1");
document.getElementById("L1A").classList.add("fondoLineaAmen0");
document.getElementById("L2A").classList.remove("fondoLineaAmen1");
document.getElementById("L2A").classList.add("fondoLineaAmen0");
document.getElementById("L3A").classList.remove("fondoLineaAmen1");
document.getElementById("L3A").classList.add("fondoLineaAmen0");
document.getElementById("L4A").classList.remove("fondoLineaAmen0");
document.getElementById("L4A").classList.add("fondoLineaAmen1");
document.getElementById("L5A").classList.remove("fondoLineaAmen1");
document.getElementById("L5A").classList.add("fondoLineaAmen0");
}else if(NoAmenidad == 5){
document.getElementById("ImagenAmenidades").src = "img/5/cl/5_SalonDeUsosMultiples.jpg";
document.getElementById("ImagenAmenidadesOtra").src = "img/5/bn/1_Portico.jpg";
document.getElementById("FlechaAmenidades").name = NoAmenidad;
document.getElementById("NumeroAmenidad").innerHTML = "5";
document.getElementById("NombreAmenidad").innerHTML = "Salón de Usos Múltiples";
document.getElementById("TextoAmenidades").innerHTML = "Disfruta de tus eventos y reuniones al aire libre en nuestro espacio diseñado únicamente para ti.";
document.getElementById("L1A").classList.remove("fondoLineaAmen1");
document.getElementById("L1A").classList.add("fondoLineaAmen0");
document.getElementById("L2A").classList.remove("fondoLineaAmen1");
document.getElementById("L2A").classList.add("fondoLineaAmen0");
document.getElementById("L3A").classList.remove("fondoLineaAmen1");
document.getElementById("L3A").classList.add("fondoLineaAmen0");
document.getElementById("L4A").classList.remove("fondoLineaAmen1");
document.getElementById("L4A").classList.add("fondoLineaAmen0");
document.getElementById("L5A").classList.remove("fondoLineaAmen0");
document.getElementById("L5A").classList.add("fondoLineaAmen1");
}
}
//setInterval(CambiaAmenidades, 5000);
</script>
<!--CambiaConcepto-->
<script>
function CambiaConcepto(IdConcepto){
if(IdConcepto == 0){
IdConcepto = 3;
}else if(IdConcepto == 11){
IdConcepto = 2
}else if(IdConcepto == 21){
IdConcepto = 3
}else if(IdConcepto == 31){
IdConcepto = 1
}
if(IdConcepto == 1){
document.getElementById("Conceptouno").classList.remove("ConceptoImg0");
document.getElementById("Conceptouno").classList.add("ConceptoImg1");
document.getElementById("Conceptodos").classList.remove("ConceptoImg1");
document.getElementById("Conceptodos").classList.add("ConceptoImg0");
document.getElementById("Conceptotres").classList.remove("ConceptoImg1");
document.getElementById("Conceptotres").classList.add("ConceptoImg0");
document.getElementById("ImgConcepto").src="img/4/Imagenes/1_Reserva.jpg";
}else if(IdConcepto == 2){
document.getElementById("Conceptouno").classList.remove("ConceptoImg1");
document.getElementById("Conceptouno").classList.add("ConceptoImg0");
document.getElementById("Conceptodos").classList.remove("ConceptoImg0");
document.getElementById("Conceptodos").classList.add("ConceptoImg1");
document.getElementById("Conceptotres").classList.remove("ConceptoImg1");
document.getElementById("Conceptotres").classList.add("ConceptoImg0");
document.getElementById("ImgConcepto").src="img/4/Imagenes/2_Disfruta.jpg";
}else if(IdConcepto == 3){
document.getElementById("Conceptouno").classList.remove("ConceptoImg1");
document.getElementById("Conceptouno").classList.add("ConceptoImg0");
document.getElementById("Conceptodos").classList.remove("ConceptoImg1");
document.getElementById("Conceptodos").classList.add("ConceptoImg0");
document.getElementById("Conceptotres").classList.remove("ConceptoImg0");
document.getElementById("Conceptotres").classList.add("ConceptoImg1");
document.getElementById("ImgConcepto").src="img/4/Imagenes/3_Crea.jpg";
}
document.getElementById("downConcepto").name = IdConcepto;
document.getElementById("upConcepto").name = IdConcepto;
}
setInterval(CambiaConceptoAut, 5000);
function CambiaConceptoAut(){
NoConcepto = document.getElementById("downConcepto").name;
IdConcepto = NoConcepto + 1;
CambiaConcepto(IdConcepto);
}
</script>
<!--CambiaPromo-->
<script>
function CambiaPromo1(){
if(document.getElementById("Promo1").classList.contains("opcPromos0")){
document.getElementById("Promo1").classList.remove("opcPromos0");
document.getElementById("LinePromo1").classList.remove("lineOpcPromos0");
document.getElementById("Promo1").classList.add("opcPromos1");
document.getElementById("LinePromo1").classList.add("lineOpcPromos1");
document.getElementById("Promo2").classList.remove("opcPromos1");
document.getElementById("LinePromo2").classList.remove("lineOpcPromos1");
document.getElementById("Promo2").classList.add("opcPromos0");
document.getElementById("LinePromo2").classList.add("lineOpcPromos0");
document.getElementById("Promo3").classList.remove("opcPromos1");
document.getElementById("LinePromo3").classList.remove("lineOpcPromos1");
document.getElementById("Promo3").classList.add("opcPromos0");
document.getElementById("LinePromo3").classList.add("lineOpcPromos0");
document.getElementById("Promo4").classList.remove("opcPromos1");
document.getElementById("LinePromo4").classList.remove("lineOpcPromos1");
document.getElementById("Promo4").classList.add("opcPromos0");
document.getElementById("LinePromo4").classList.add("lineOpcPromos0");
}
}function CambiaPromo2(){
if(document.getElementById("Promo2").classList.contains("opcPromos0")){
document.getElementById("Promo1").classList.remove("opcPromos1");
document.getElementById("LinePromo1").classList.remove("lineOpcPromos1");
document.getElementById("Promo1").classList.add("opcPromos0");
document.getElementById("LinePromo1").classList.add("lineOpcPromos0");
document.getElementById("Promo2").classList.remove("opcPromos0");
document.getElementById("LinePromo2").classList.remove("lineOpcPromos0");
document.getElementById("Promo2").classList.add("opcPromos1");
document.getElementById("LinePromo2").classList.add("lineOpcPromos1");
document.getElementById("Promo3").classList.remove("opcPromos1");
document.getElementById("LinePromo3").classList.remove("lineOpcPromos1");
document.getElementById("Promo3").classList.add("opcPromos0");
document.getElementById("LinePromo3").classList.add("lineOpcPromos0");
document.getElementById("Promo4").classList.remove("opcPromos1");
document.getElementById("LinePromo4").classList.remove("lineOpcPromos1");
document.getElementById("Promo4").classList.add("opcPromos0");
document.getElementById("LinePromo4").classList.add("lineOpcPromos0");
}
}function CambiaPromo3(){
if(document.getElementById("Promo3").classList.contains("opcPromos0")){
document.getElementById("Promo1").classList.remove("opcPromos1");
document.getElementById("LinePromo1").classList.remove("lineOpcPromos1");
document.getElementById("Promo1").classList.add("opcPromos0");
document.getElementById("LinePromo1").classList.add("lineOpcPromos0");
document.getElementById("Promo2").classList.remove("opcPromos1");
document.getElementById("LinePromo2").classList.remove("lineOpcPromos1");
document.getElementById("Promo2").classList.add("opcPromos0");
document.getElementById("LinePromo2").classList.add("lineOpcPromos0");
document.getElementById("Promo3").classList.remove("opcPromos0");
document.getElementById("LinePromo3").classList.remove("lineOpcPromos0");
document.getElementById("Promo3").classList.add("opcPromos1");
document.getElementById("LinePromo3").classList.add("lineOpcPromos1");
document.getElementById("Promo4").classList.remove("opcPromos1");
document.getElementById("LinePromo4").classList.remove("lineOpcPromos1");
document.getElementById("Promo4").classList.add("opcPromos0");
document.getElementById("LinePromo4").classList.add("lineOpcPromos0");
}
}function CambiaPromo4(){
if(document.getElementById("Promo4").classList.contains("opcPromos0")){
document.getElementById("Promo1").classList.remove("opcPromos1");
document.getElementById("LinePromo1").classList.remove("lineOpcPromos1");
document.getElementById("Promo1").classList.add("opcPromos0");
document.getElementById("LinePromo1").classList.add("lineOpcPromos0");
document.getElementById("Promo2").classList.remove("opcPromos1");
document.getElementById("LinePromo2").classList.remove("lineOpcPromos1");
document.getElementById("Promo2").classList.add("opcPromos0");
document.getElementById("LinePromo2").classList.add("lineOpcPromos0");
document.getElementById("Promo3").classList.remove("opcPromos1");
document.getElementById("LinePromo3").classList.remove("lineOpcPromos1");
document.getElementById("Promo3").classList.add("opcPromos0");
document.getElementById("LinePromo3").classList.add("lineOpcPromos0");
document.getElementById("Promo4").classList.remove("opcPromos0");
document.getElementById("LinePromo4").classList.remove("lineOpcPromos0");
document.getElementById("Promo4").classList.add("opcPromos1");
document.getElementById("LinePromo4").classList.add("lineOpcPromos1");
}
}
</script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<script>
function ContactoEnviado(){
Swal.fire({
icon: 'success',
title: 'Mensaje enviado',
text: 'Hemos recibido tu mensaje, pronto nos pondremos en contacto contigo'
});
setTimeout('document.forms[0].reset()', 1000);
}
</script>
<script>
if (screen.width > 500) {
function openNav() {
document.getElementById("mySidenav").style.width = "80%";
document.getElementById("main").style.marginRight = "0px";
document.body.style.backgroundColor = "white";
document.getElementById("openbtn").style.opacity = "0";
document.getElementById("closebtn").style.display = "block";
document.getElementById("closebtn").style.opacity = "1";
document.getElementById("closediv").style.opacity = "1";
document.getElementById("divMH").style.opacity = "1";
document.getElementById("divMH").style.transition = "2s";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginRight= "0";
document.body.style.backgroundColor = "white";
document.getElementById("openbtn").style.opacity = "1";
document.getElementById("closebtn").style.display = "none";
document.getElementById("closebtn").style.opacity = "0";
document.getElementById("closediv").style.opacity = "0";
document.getElementById("divMH").style.opacity = "0";
document.getElementById("divMH").style.transition = "0.2s";
}
}else{
function openNav() {
document.getElementById("mySidenav").style.width = "100%";
document.getElementById("main").style.marginRight = "0";
document.body.style.backgroundColor = "white";
document.getElementById("openbtn").style.opacity = "0";
document.getElementById("closebtn").style.display = "block";
document.getElementById("closebtn").style.opacity = "1";
document.getElementById("closediv").style.opacity = "1";
document.getElementById("divMH").style.opacity = "1";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginRight= "0";
document.body.style.backgroundColor = "white";
document.getElementById("openbtn").style.opacity = "1";
document.getElementById("closebtn").style.display = "none";
document.getElementById("closebtn").style.opacity = "0";
document.getElementById("closediv").style.opacity = "0";
document.getElementById("divMH").style.opacity = "0";
}
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
/*----------------left------------------*/
$('.izq').waypoint(function() {
$(this).toggleClass( 'bounceInLeft animated' );
},
{
offset: '70%',
triggerOnce: true
});
/*----------------left------------------*/
/*----------------abajo------------------*/
$('.abajo').waypoint(function() {
$(this).toggleClass( 'bounceInUp animated' );
},
{
offset: '70%',
triggerOnce: true
});
/*----------------abajo------------------*/
/*----------------derecha------------------*/
$('.der').waypoint(function() {
$(this).toggleClass( 'bounceInRight animated' );
},
{
offset: '70%',
triggerOnce: true
});
/*----------------derecha------------------*/
});
</script>
<!-- animate -->
<script>
function pantallaCompleta(){
//getFullscreen(document.getElementById("videoLR"));
var elem = document.getElementsByTagName('video')[0];
var fullscreen = elem.webkitRequestFullscreen || elem.mozRequestFullScreen || elem.msRequestFullscreen;
fullscreen.call(elem); // bind the 'this' from the video object and instantiate the correct fullscreen method.
}
$('a[href^="#"]').on('click', function(e) {
e.preventDefault();
var id = $(this).attr('href'),
targetOffset = $(id).offset().top;
$('html, body').animate({
scrollTop: targetOffset - 100
}, 500);
});
</script>
<!-- JS -->
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.min.js"></script>
<!--<script type="text/javascript" src="js/slide.js"></script>-->
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
Zerion Mini Shell 1.0