File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/oshohimalayas.com/about-test.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="640" height="340" src="https://www.youtube.com/embed/8jZnK9c6hUA?si=wP7Zm7y9dL7sPSly" 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</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>Dhayan Rajiv</h3> <p>Dhayan 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>She 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/jannat.jpg" alt="Jannat"> <h4>Jannat</h4> </div> <div class="slide"><img src="img/shuyam.jpg" alt="Shuyam"> <h4>Shuyam</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> <div class="bg-color div-padding"> <div class="himalayas-calling"> <div class="row"> <div class="col-sm-5"> <div class="himalayas-calling-content"> <h2>Himalayas are Calling!</h2> <p>Our all-inclusive packages will cover your stay, meals, snacks, 5 daily meditations, access to the swimming pool, open gym, library, and night events. You will have nothing to do but to celebrate and meditate.</p> <div class="for-desktop"> <a href="courses" >Our courses</a> </div> </div> </div> <div class="col-sm-6 offset-md-1"> <div id="main"> <div class="container"> <div class="accordion" id="faq"> <div class="card"> <div class="card-header" id="faqhead1"> <a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#faq1" aria-expanded="true" aria-controls="faq1">Our daily schedule</a> </div> <div id="faq1" class="collapse" aria-labelledby="faqhead1" data-parent="#faq"> <div class="card-body"> <ul> <li>A day in Osho Himalayas may look like this:</li> <li><strong>6 am - 7 am:</strong> OSHO Dynamic meditation</li> <li><strong>8 am - 9.30 am:</strong> Breakfast</li> <li><strong>10.30 am - 11.30 am:</strong> OSHO Nadabrahma Meditation</li> <li><strong>1 pm - 2 pm:</strong> Lunch</li> <li><strong>2.30 pm - 3 pm:</strong> OSHO Talk in Hindi</li> <li><strong>4.30 pm - 5.30 pm:</strong> OSHO Kundalini meditation</li> <li><strong>6.45 pm - 8.15 pm:</strong> OSHO Evening Meeting</li> <li><strong>8.15 pm - 9.15 pm:</strong> Dinner</li> <li><strong>9.15 pm:</strong> Night events (occasionally)</li> </ul> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead7"> <a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#faq7" aria-expanded="true" aria-controls="faq7">More to do</a> </div> <div id="faq7" class="collapse" aria-labelledby="faqhead7" data-parent="#faq"> <div class="card-body"> <ul> <li>Transomatic healing sessions</li> <li>OSHO Zen Tarot</li> <li>Massage spa</li> <li>Float tank</li> <li>Jacuzzi</li> <li><li>Sauna</li> <li>Swiming poll</li> <li>Library</li> <li>Open-air gym</li> <li>Bon fires</li> </ul> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead2"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq2" aria-expanded="true" aria-controls="faq2">Upcoming courses</a> </div> <div id="faq2" class="collapse" aria-labelledby="faqhead2" data-parent="#faq"> <div class="card-body"> <ul> <li>May 18 - 20: Yoga & Meditation Intensive for adults and kids</li> <li>May 31 - 02 June: In Tune with Nature</li> <li>June 06 - 09: Summer Festival</li> <li>June 14 - 16: Dancing Buddha</li> <li>June 20 - 22: Yoga Intensive - aligning your life energy</li> <li>June 24 - 30: OSHO Self Hypnosis for Meditation</li> <li>June 28 - 30: Love, Life, Laughter - A 3-day OSHO Meditation camp</li> <li>July 05 - 07: Emotional Wellness Retreat</li> <li>July 11 - 14: OSHO In-depth Meditation and Facilitation training</li> <li>July 19 - 21: Full Moon Festival</li> <li>Aug 15 - 17: Vigyan Bhairav Tantra</li> <li>Aug 22 - 26: Painting Workshop</li> <li>Sep 11 - Oct 11: OSHO Mystic Rose</li> <li>Nov 13 - 17: Tantra Consciousness</li> <li>Sep 02 - 08: OSHO Zen Retreat</li> <li>Sep 13 - 15: Meditation: The Art of Ecstasy</li> <li>Oct 25 - 27: Meditation Intensive</li> <li>Oct 31 - 02 Nov: Festival of lights (Exploring inner light in nature)</li> <li>Nov 08 - 10: Meditation Boot Camp - Reset bodymind</li> <li>Dec 13 - 15: OSHO Heart festival</li> <li>Dec 21 - 27: OSHO Born Again</li> <li>Dec 29 - 01 Jan: New Beginnings: Meditate and celebrate</li> </ul> <p><a href="courses">Click here for more details</a></p> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead3"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3" aria-expanded="true" aria-controls="faq3">Living In</a> </div> <div id="faq3" class="collapse" aria-labelledby="faqhead3" data-parent="#faq"> <div class="card-body"> <p>Discounted packages for extended stays to help you to go deeper within.<a href="living-in-program">Click to know more.</a></p> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead4"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq4" aria-expanded="true" aria-controls="faq4">Staycation</a> </div> <div id="faq4" class="collapse" aria-labelledby="faqhead4" data-parent="#faq"> <div class="card-body"> <p><a href="#">Simply stay in the vibes of the Himalayas. Free Wifi for working professionals. Delicious, wholesome vegetarian diet. Option to join meditations. Click to know more.</a></p> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead5"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq5" aria-expanded="true" aria-controls="faq5">How to reach here</a> </div> <div id="faq5" class="collapse" aria-labelledby="faqhead5" data-parent="#faq"> <div class="card-body"> <p>Find all the info about options for you to travel here.</p> </div> </div> </div> <div class="card" style="border-bottom: solid 1px #fff;"> <div class="card-header" id="faqhead6"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq6" aria-expanded="true" aria-controls="faq6">FAQs</a> </div> <div id="faq6" class="collapse" aria-labelledby="faqhead6" data-parent="#faq"> <div class="card-body"> <p>Have more questions? <a href="faqs">Click to check out answers to FAQs.</a></p> </div> </div> </div> </div> </div> </div> <div class="for-mobile"> <a href="courses" class="mobile-btn">Our courses</a> </div> </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.02 |
proxy
|
phpinfo
|
Settings