File: /home/clavospa/public_html/new.davidlachapelleamor.com/views/home.php
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<a href="https://boletia.com/billboards/david-lachapelle-amor" target="_blank">
<img src="<?php echo URL;?>assets/img/home/SLIDER_HOME_1.jpg" class="d-block w-100">
</a>
</div>
<div class="carousel-item">
<a href="https://boletia.com/billboards/david-lachapelle-amor" target="_blank">
<img src="<?php echo URL;?>assets/img/home/SLIDER_HOME_2.jpg" class="d-block w-100">
</a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="mt-3">
<div class="carousel2-container">
<div class="carousel2">
<div class="slide"><img src="<?php echo URL;?>assets/img/home/11.jpg" class="w-75 p-2"></div>
<div class="slide"><img src="<?php echo URL;?>assets/img/home/22.jpg" class="w-75 p-2"></div>
<div class="slide"><img src="<?php echo URL;?>assets/img/home/33.jpg" class="w-75 p-2"></div>
<div class="slide"><img src="<?php echo URL;?>assets/img/home/44.jpg" class="w-75 p-2"></div>
<div class="slide"><a href="https://www.uc.edu.mx/" target="_blank"><img src="<?php echo URL;?>assets/img/home/55.jpg" class="w-75 p-2"></div></a>
<div class="slide"><img src="<?php echo URL;?>assets/img/home/66.jpg" class="w-75 p-2"></div>
<div class="slide"><img src="<?php echo URL;?>assets/img/home/77.jpg" class="w-75 p-2"></div>
</div>
</div>
</div>
<div class="mt-3 position-relative">
<img src="<?php echo URL;?>assets/img/home/palacioMineria.jpg" class="d-block w-100" usemap="#image-map3">
<map name="image-map3">
<area target="_blank" alt="banner_1" title="banner_1" href="https://boletia.com/billboards/david-lachapelle-amor" coords="1636,717,1934,777" shape="rect">
</map>
</div>
<div class="row w-100 p-0 m-0">
<div class="col-12 col-md-4 p-4"><img src="<?php echo URL;?>assets/img/home/poster_1.webp" class="img-fluid"></div>
<div class="col-12 col-md-4 p-4">
<p class="mt-5"><b>DAVID LACHAPELLE AMOR</b></p>
<p>David LaChapelle: AMOR es un homenaje a la extraordinaria carrera de uno de los fotógrafos más influyentes de nuestro tiempo. LaChapelle ha sido reconocido por su habilidad única para fusionar la fotografía de moda, el arte y la cultura popular en composiciones visualmente impactantes y provocativas.</p>
<p>La selección abarca más de tres décadas de la carrera de LaChapelle, ofreciendo una visión completa de su evolución artística y su impacto en la cultura contemporánea. Esta cronología, permite observar su transformación artística, desde sus obras más conocidas hasta sus exploraciones contemporáneas, analizando temas como las celebridades, la religión, la política y la sexualidad con un enfoque distintivo y una narrativa visualmente impresionante.</p>
<p>AMOR es un viaje emocional y reflexivo a través del arte de un visionario que desafía las convenciones y nos invita a cuestionar nuestra percepción de la belleza, la fama y la sociedad. Representa una oportunidad única para experimentar el poder transformador del arte de LaChapelle y su capacidad para conmover, inspirar y desafiar nuestra forma de ver la vida.</p>
<p>¡Bienvenidos a este extraordinario viaje!</p>
<p class="mt-3"><a href="<?php echo URL;?>exhibicion"><b>LEER MÁS</b></a></p>
</div>
<div class="col-12 col-md-4 color-marron text-center p-4">
<div class="recuadro-1 text-start">
<p><b>PRENSA</b></p>
<p>Para entrevistas, solicitud de imágenes e información adicional acerca del artista DAVID LACHAPELLE</p>
<p>favor contactar con servicios de prensa:<br>email: <a href="mailto:rrppmedia@212productions.tv">rrppmedia@212productions.tv</a></p>
<p>Para más información sobre el artista visita: <a href="www.davidlachapelle.com" target="_blank">www.davidlachapelle.com</a></p>
<p>Para acreditaciones de prensa y registro en nuestra base de datos de medios visita:</p>
<p><a href="https://davidlachapellela.com/press_request/" target="_blank">https://davidlachapellela.com/press_request/</a></p>
</div>
</div>
</div>
<div class="row w-100 p-0 m-0 mt-3">
<div class="col-12 col-md-4 p-4"></div>
<div class="col-12 col-md-8 p-4">
<p class="text-center"><b>MÁS INFORMACIÓN</b></p>
<div class="row w-100 p-0 m-0 mt-3">
<div class="col-12 col-md-8">
<img src="<?php echo URL;?>assets/img/home/palacioMineria2.webp" class="img-fluid">
<div class="row w-100 m-0 mt-3">
<div class="col-12 col-md-6 color-gris">
<p class="mt-3"><b>CÓMO ASISTIR</b></p>
<p>La exposición estará abierta al público desde mayo 11 hasta Julio 31 en</p>
<p>El Palacio de Minería, Facultad de Ingeniería de la UNAM. </p>
<p>Con un horario de Martes a Domingo de 10:00 AM a 7:00 PM </p>
<p>Cuota de recuperación $200.00 MXN </p>
<p>Descuentos a Niños, Estudiantes, Maestros e INAPAM</p>
<p class="mt-3"><b><a href="https://boletia.com/billboards/david-lachapelle-amor" target="_blank">COMPRAR BOLETOS</a></b></p>
</div>
<div class="col-12 col-md-6 color-gris">
<p class="mt-3"><b>PRENSA</b></p>
<p>Para entrevistas, solicitud de imágenes e información adicional acerca del artista DAVID LACHAPELLE</p>
<p>favor contactar con servicios de prensa:<br>email: <a href="mailto:rrppmedia@212productions.tv">rrppmedia@212productions.tv</a></p>
<p>Para más información sobre el artista visita: <a href="www.davidlachapelle.com" target="_blank">www.davidlachapelle.com</a></p>
<p>Para acreditaciones de prensa y registro en nuestra base de datos de medios visita:</p>
<p class="fuente-pequena"><a href="https://davidlachapellela.com/press_request/" target="_blank">https://davidlachapellela.com/press_request/</a></p>
<p class="mt-3"><a href="<?php echo URL;?>prensa"><b>LEER MÁS</b></a></p>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<img src="<?php echo URL;?>assets/img/home/poster_2.webp" class="img-fluid">
<p class="mt-3"><b>COMPRA TUS BOLETOS</b></p>
<p>Adquiere tus entradas a través de BOLETIA<br>
en este enlace o en la taquilla en el<br>
Palacio de Minería</p>
<p class="fs-3 text-center fuente-naranja mt-5"><b><a href="https://boletia.com/billboards/david-lachapelle-amor" target="_blank">COMPRAR BOLETOS</a></b></p>
</div>
</div>
</div>
</div>
<?php
$script = 'const myCarouselElement = document.querySelector("#carouselExampleFade")
const carousel = new bootstrap.Carousel(myCarouselElement, {
interval: 123500,
touch: false
})
document.addEventListener("DOMContentLoaded", function() {
const carousel2 = document.querySelector(".carousel2");
const slides = document.querySelectorAll(".slide");
let counter = 0;
const interval = 3000; // Cambia esto para ajustar la velocidad del carrusel
function nextSlide() {
counter++;
carousel2.style.transform = `translateX(-${counter * 14.28}%)`; // 100% / 7
if (counter === slides.length - 1) {
setTimeout(() => {
counter = 0;
carousel2.style.transition = "none";
carousel2.style.transform = `translateX(0%)`;
setTimeout(() => {
carousel2.style.transition = "transform 0.5s ease";
});
}, 500);
}
}
setInterval(nextSlide, interval);
});';
?>