File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/oshohimalayas.com/about-us.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>About Us - 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%; } } </style> </head> <body> <?php include 'include/header.php'?> <div class="course-details-page"> <h1>About OSHO Himalayas</h1> <p>A place in the Himalayas for all those who love to meditate, celebrate, dance, hug, be in nature, and connect with friends.</p> <div class="video-container"> <iframe width="560" height="315" src="https://www.youtube.com/embed/0RFoVfz1nGs?si=fXTjQUKyksfM_IWT" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> <a href="courses" class="btn-abt">Our upcoming courses</a> </div> <div class="carousel-gallery"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="img/about-gallery/1.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/1.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/2.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/2.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/3.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/3.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/4.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/4.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/5.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/5.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/6.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/6.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/7.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/7.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/8.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/8.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/9.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/9.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/10.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/10.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/11.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/11.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/12.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/12.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/13.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/13.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/14.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/14.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/15.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/15.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/16.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/16.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/17.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/17.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> <div class="swiper-slide"> <a href="img/about-gallery/18.jpg" data-fancybox="gallery"> <div class="image" style="background-image: url(img/about-gallery/18.jpg)"> <div class="overlay"> <em class="mdi mdi-magnify-plus"></em> </div> </div> </a> </div> </div> <div class="arrow left" onclick="prevSlide()">❮</div> <div class="arrow right" onclick="nextSlide()">❯</div> </div> </div> <div class="about-content div-padding"> <div class="container"> <p>OSHO Himalayas is one of the newest wellness and meditation resorts inspired by Osho, whose vision is to make meditation accessible to everyone.</p> <p>It is located in a beautiful Himalayan valley near Dharamshala in India (a few hours away from the country’s capital New Delhi).</p> <p>Osho’s meditations and the vibe of the Himalayas are such a good combo. Perhaps the best a meditator can ask for. The expanse of the mountains helps you realize the infinite space within and be one with nature.</p> <p>The meditation resort is designed to support this union with nature in every possible way.</p> <p>The floor-to-roof glass windows in almost all possible spaces in the campus buildings will allow you to continue your love affair with those mountains all day.</p> <p>You could gaze at them anytime. And the mountains could look at you too!</p> <p>Here, you can fall asleep in your room watching the moon’s reflection on the mountains’ snows and wake up to see the sun kissing them.</p> <p>The daytime hours in the resort are filled with a schedule of five Osho meditations, along with other courses. They are to help you stay in touch with your meditation all day.</p> <p>Besides these, the resort offers Osho’s meditative therapies, facilitator training, workshops, and one-to-one sessions focused on healing.</p> <p>The resort was co-created by Prem Sindhu and Dhyan Rajiv, both of whom have years of experience as meditation facilitators. Osho Himalayas is registered as a partnership under the name Himalayan Bliss.</p> <p>Osho says: “…create a Himalaya within.” Perhaps, the OSHO Himalayas is an ideal place to help you.</p> </div> </div> <div class="bg-course"> <div class="team-section div-padding"> <h2>THE FACILITATORS</h2> <p>OSHO Himalayas Residential Team</p> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="team"> <img src="img/Sindhu.jpg"> <h3>Prem Sindhu</h3> <p>Prem Sindhu has 25 years of experience in Meditation & Healing Therapies.</p> <p>She started her journey in 1995 as a Reiki Grandmaster and then a Patanjali Yoga teacher in 1999.</p> <p>She has been trained as a Facilitator in Osho Meditations, Osho Mystic Rose, Osho No-Mind, Osho Born Again, Osho Talking to Body-Mind, Transomatic Dialogue Therapy, Bardo-Karmic Past Life Healing, Akashic Processes.</p> <p>She has facilitated individual sessions, and workshops across the globe.</p> </div> </div> <div class="col-sm-6"> <div class="team"> <img src="img/rajiv.jpg"> <h3>Dhyan Rajiv</h3> <p>Dhyan Rajiv facilitates OSHO Meditations, OSHO Meditative Therapies (OSHO Mystic Rose, OSHO Born Again, OSHO No-Mind) and other courses.</p> <p>This gives him an opportunity to work with people of different countries and varied backgrounds.</p> <p>He is also a trainer for the 'OSHO Meditation In-depth and Facilitating'.</p> <p>He has facilitated individual sessions, and workshops across the globe.</p> </div> </div> </div> </div><br><br> <div class="container"> <h2>Visiting facilitators</h2> <div class="slider"> <div class="slides"> <div class="slide"><img src="img/sudheer.jpg" alt="Sudheer"> <h4>Sudheer</h4> </div> <div class="slide"><img src="img/deva.jpg" alt="Deva Satsanga"> <h4>Deva Satsanga</h4> </div> <div class="slide"><img src="img/dhyana.jpg" alt="Dhyana Verghese"> <h4>Dhyana Verghese</h4> </div> <div class="slide"><img src="img/ganga.jpg" alt="Ganga"> <h4>Ganga</h4> </div> <div class="slide"><img src="img/homa-mukto.jpg" alt="Homa & Mukto"> <h4>Homa & Mukto</h4> </div> <div class="slide"><img src="img/nadeen.jpg" alt="Nadeen"> <h4>Nadeen</h4> </div> <div class="slide"><img src="img/satyarthi.jpg" alt="Satyarthi"> <h4>Satyarthi</h4> </div> <div class="slide"><img src="img/richa.jpg" alt="Richa"> <h4>Richa</h4> </div> <!-- Add more images as needed --> </div> <button class="prev" onclick="changeSlide(-1)">❮</button> <button class="next" onclick="changeSlide(1)">❯</button> </div> </div> </div> </div> <div class="container upcoming-course-btn div-padding"> <p>Check our upcoming courses here </p> <a href="courses">Upcoming courses</a> </div> <?php include 'include/himalaya-calling.php'?> <?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