File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/oshohimalayas.com/daya-dormitory.php

Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Daya Dormitory - Osho Himalayas</title> <link rel="shortcut icon" href="img/fevicon.png" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.0/css/swiper.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" /> <link href="css/style.css" rel="stylesheet"> <link href="css/courses.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet"> <link href="css/course-details.css" rel="stylesheet"> <link href="css/home.css" rel="stylesheet"> <style> .slider { position: relative; width: 100%; overflow: hidden; } .slides { display: flex; transition: transform 0.5s ease-in-out; } .slide { min-width: 25%; /* Show 4 slides at a time / box-sizing: border-box; padding: 10px; } .slide img { width: 100%; display: block; } .slider button { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; padding: 10px; cursor: pointer; font-size: 18px; } .prev { left: 10px; } .next { right: 10px; } .slide h4{ text-align: center; background: #FFF; padding: 5px; } @media (max-width: 768px) { .slide { min-width: 100%; } } .accommodations h3{ text-align:center; } .captur3d-3d-tour { text-align: center; } .captur3d-3d-tour iframe { min-height: 360px; width: 100%; margin: 24px 0px; } @media screen and (min-width: 992px) { .captur3d-3d-tour iframe { height: 675px; max-width: 1200px; margin: 0 auto 24px; } } .accommodations { margin-bottom:30px; } </style> </head> <body> <?php include 'include/header.php'?> <div class="course-details-page"> <h1>Daya Dormitory</h1> <div class="container"> <div class="accommodations"> <div class="captur3d-3d-tour"> <iframe class="captur3d-3d-tour__iframe" width="920" height="540" src="https://captur3d.io/view/osho-himalayas/osho-himalayas-wellness-resort?location-target=eyJjYW1lcmFSb3RhdGlvbiI6eyJ4IjotMC4wMDI5NTg1NTQ2ODM2NjY5Mzc3LCJ5IjotMC41NTUwODExNjQ1NTExODk5LCJ6IjotMC4wMDE5NzQzNDU0MTU4NDM2OTksInciOjAuODMxNzg4NTg0NzIyNjE5MX0sInBvc2l0aW9uIjp7IngiOi0yMS43NjA4Nzk1MTY2MDE1NjIsInkiOjMuNzMwNTUwNzY1OTkxMjExLCJ6IjotMjcuNzE5NDE3NTcyMDIxNDg0fSwibWF0dGVycG9ydFN3ZWVwSWQiOiJnemc5MW43aHk5NmNxMno3bXBpa2Z6ZHBiIn0%3D" frameborder="0" allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel="" allow='xr-spatial-tracking; clipboard-write' > </iframe> </div> </div> </div> </div> <?php include 'include/footer.php'?> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.0/js/swiper.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js'></script> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> </body> </html> <script> // Custom JavaScript for showing more items in slider $(document).ready(function(){ $('#myCarousel').carousel({ interval: false }); }); </script> <script> var swiper = new Swiper('.swiper-container', { effect: 'slide', speed: 900, slidesPerView: 4, spaceBetween: 0, simulateTouch: true, autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: false }, pagination: { el: '.swiper-pagination', clickable: true }, breakpoints: { // when window width is <= 320px 320: { slidesPerView: 1, spaceBetween: 0 }, // when window width is <= 425px 425: { slidesPerView: 1, spaceBetween: 0 }, // when window width is <= 768px 768: { slidesPerView: 1, spaceBetween: 0 } } }); function nextSlide() { swiper.slideNext(); } function prevSlide() { swiper.slidePrev(); } </script> <script> let currentSlide = 0; let startX; let endX; function changeSlide(direction) { const slides = document.querySelector('.slides'); const slideCount = slides.children.length; const slideWidth = slides.children[0].offsetWidth; let visibleSlides = 4; // Default number of visible slides if (window.innerWidth <= 768) { visibleSlides = 1; // Number of visible slides on smaller screens } const maxSlideIndex = slideCount - visibleSlides; currentSlide += direction; if (currentSlide < 0) { currentSlide = maxSlideIndex; } else if (currentSlide > maxSlideIndex) { currentSlide = 0; } const offset = -currentSlide slideWidth; slides.style.transform = `translateX(${offset}px)`; } document.querySelector('.prev').addEventListener('click', () => changeSlide(-0)); document.querySelector('.next').addEventListener('click', () => changeSlide(0)); window.addEventListener('resize', () => { // Adjust the slide position on window resize to ensure the slider is correctly positioned const slides = document.querySelector('.slides'); const slideWidth = slides.children[0].offsetWidth; const offset = -currentSlide * slideWidth; slides.style.transform = `translateX(${offset}px)`; }); // Swipe functionality const slider = document.querySelector('.slides'); slider.addEventListener('touchstart', (e) => { startX = e.touches[0].clientX; }); slider.addEventListener('touchmove', (e) => { endX = e.touches[0].clientX; }); slider.addEventListener('touchend', () => { const threshold = 50; // Minimum distance to be considered a swipe if (startX - endX > threshold) { // Swipe left changeSlide(1); } else if (endX - startX > threshold) { // Swipe right changeSlide(-1); } }); </script>

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.03 | proxy | phpinfo | Settings