File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/wondernestmg.com/index.php
Back
<!DOCTYPE html> <html lang="en" data-x="html" data-x-toggle="html-overflow-hidden"> <head> <!-- Required meta tags --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Google fonts --> <link rel="preconnect" href="https://fonts.googleapis.com/"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Jost:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="shortcut icon" href="img/favicon.png" /> <!-- Stylesheets --> <link rel="stylesheet" href="css/vendors.css"> <link rel="stylesheet" href="css/main.css"> <title>Wonder Nest</title> </head> <body> <?php include 'include/menu.php';?> <main class="bg-light-1"> <?php include 'include/header.php';?> <section data-anim-wrap class="hero -type-6"> <div data-anim-child="img-right cover-light-1 delay-2" class="hero__bg rounded-16"> <video playsinline="" autoplay="" loop="" muted="" style="width:100%;"> <source src="img/video/wonder-Nest.mp4" type="video/mp4" autoplay="" loop="" muted=""> <source src="img/video/wonder-Nest.webm" type="video/webm" autoplay="" loop="" muted=""> </video> </div> <!--<div class="container">--> <!-- <div class="row justify-center">--> <!-- <div class="col-auto">--> <!-- <div class="hero__content text-center">--> <!-- <div data-anim-child="slide-up delay-4" class="hero__subtitle text-white">--> <!-- Welcome To Wonder Nest--> <!-- </div>--> <!-- <h1 data-anim-child="slide-up delay-5" class="hero__title text-white">--> <!-- A Cozy Escape Above <br class="lg:d-none">--> <!-- The valleys--> <!-- </h1>--> <!-- <div data-anim-child="slide-up delay-6" class="d-flex justify-center mt-40 md:mt-20">--> <!-- <button class="hero__button d-flex flex-column items-center" onclick="toggle();">--> <!-- <div class="size-80 flex-center rounded-full bg-accent-1-50 blur-1 border-white-10">--> <!-- <i class="icon-play text-21 fw-500 text-white"></i>--> <!-- </div>--> <!-- <div class="text-13 text-white mt-20">PLAY INTRO VIDEO</div>--> <!-- </button>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!-- <div data-anim-child="fade delay-7" class="hero__filter"> <div class="searchForm -type-1 -h-95 -p-20 -verticalBorder bg-accent-1 rounded-16 -text-white"> <div class="searchForm__form"> <div class="searchFormItem js-select-control js-form-dd js-calendar"> <div class="searchFormItem__button" data-x-click="calendar"> <div> <span class="js-first-date">Check In - Check Out</span> <span class="js-last-date"></span> </div> <i class="icon-arrow-down ml-10"></i> </div> <div class="searchFormItemDropdown -calendar" data-x="calendar" data-x-toggle="is-active"> <div class="searchFormItemDropdown__container"> <div class="searchMenu-date -searchForm js-form-dd js-calendar-el"> <div class="searchMenu-date__field shadow-2" data-x-dd="searchMenu-date" data-x-dd-toggle="-is-active"> <div class="rounded-4"> <div class="elCalendar js-calendar-el-calendar"></div> </div> </div> </div> </div> </div> </div> <div class="searchFormItem js-select-control js-form-dd"> <div class="searchFormItem__button" data-x-click="rooms"> <div class="js-select-control-chosen">Rooms</div> <i class="icon-arrow-down ml-10"></i> </div> <div class="searchFormItemDropdown -counter" data-x="rooms" data-x-toggle="is-active"> <div class="searchFormItemDropdown__container"> <div class="searchFormItemDropdown__list"> <div class="searchFormItemDropdown__item js-select-control-counter"> <div class="fw-500 js-search-title">Rooms</div> <div class="d-flex fw-500 js-search-counter"> <div class="cursor-pointer size-40 flex-center js-remove"> <i class="custom-icon-minus"> <span></span> </i> </div> <div class="size-40 flex-center js-number">0</div> <div class="cursor-pointer size-40 flex-center js-add"> <i class="custom-icon-plus"> <span></span> <span></span> </i> </div> </div> </div> </div> </div> </div> </div> <div class="searchFormItem js-select-control js-form-dd"> <div class="searchFormItem__button" data-x-click="guests"> <div class="js-select-control-chosen">Guests</div> <i class="icon-arrow-down ml-10"></i> </div> <div class="searchFormItemDropdown -counter" data-x="guests" data-x-toggle="is-active"> <div class="searchFormItemDropdown__container"> <div class="searchFormItemDropdown__list"> <div class="searchFormItemDropdown__item js-select-control-counter"> <div class="fw-500 js-search-title">Adults</div> <div class="d-flex fw-500 js-search-counter"> <div class="cursor-pointer size-40 flex-center js-remove"> <i class="custom-icon-minus"> <span></span> </i> </div> <div class="size-40 flex-center js-number">0</div> <div class="cursor-pointer size-40 flex-center js-add"> <i class="custom-icon-plus"> <span></span> <span></span> </i> </div> </div> </div> <div class="searchFormItemDropdown__item js-select-control-counter"> <div class="fw-500 js-search-title">Children</div> <div class="d-flex fw-500 js-search-counter"> <div class="cursor-pointer size-40 flex-center js-remove"> <i class="custom-icon-minus"> <span></span> </i> </div> <div class="size-40 flex-center js-number">0</div> <div class="cursor-pointer size-40 flex-center js-add"> <i class="custom-icon-plus"> <span></span> <span></span> </i> </div> </div> </div> </div> </div> </div> </div> </div> <div class="searchForm__button"> <button class="button px-30 -white bg-accent-2 rounded-16"> Check Availability </button> </div> </div> </div> --> </section> <section class="layout-pt-lg"> <div data-anim-wrap class="container"> <div class="row justify-center text-center"> <div class="col-xl-8 col-lg-10"> <div data-split='lines' data-anim-child="split-lines delay-2"> <div class="text-15 uppercase mb-30 sm:mb-10"> Wonder Nest </div> <h2 class="text-64 md:text-40 capitalize"> Welcome to Wonder Nest, <br class="lg:d-none"> Your Cozy Nest Above the Valleys </h2> </div> <div data-anim-child="slide-up delay-4" class="row justify-center"> <div class="col-lg-8"> <p class="mt-40 md:mt-20"> Wonder Nest is a serene retreat in Bhimtal featuring a jacuzzi, stunning 360° valley views, modern comforts, EV charging, and a prime location near Nainital, Sattal, cafés, temples, and essential conveniences. </p> </div> </div> <div data-anim-child="slide-up delay-5"> <a href="https://asiatech.in/booking_engine/index3?token=MTAyNjM=" > <button class="button -type-1 mx-auto mt-50 md:mt-30"> <i class="-icon"> <svg width="50" height="30" viewBox="0 0 50 30" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M35.8 28.0924C43.3451 28.0924 49.4616 21.9759 49.4616 14.4308C49.4616 6.88577 43.3451 0.769287 35.8 0.769287C28.255 0.769287 22.1385 6.88577 22.1385 14.4308C22.1385 21.9759 28.255 28.0924 35.8 28.0924Z" stroke="#122223" /> <path d="M33.4808 10.2039L32.9985 10.8031L37.2931 14.2623H0.341553V15.0315H37.28L33.0008 18.4262L33.4785 19.0285L39 14.6492L33.4808 10.2039Z" fill="#122223" /> </svg> </i> Book now </button> </a> </div> </div> </div> <div class="row x-gap-50 y-gap-30 pt-80 sm:pt-50"> <div class="col-lg-4 col-sm-6"> <div data-anim-child="img-right cover-light-1 delay-2" class="rounded-16"> <img src="img/about/1.jpg" alt="image" class="rounded-16 col-12"> </div> <div data-anim-child="fade delay-5" class="text-17 mt-30">Private jacuzzi with stunning 360° valley views</div> </div> <div class="col-lg-4 col-sm-6"> <div class="pt-100 md:pt-0"> <div data-anim-child="img-right cover-light-1 delay-3" class="rounded-16"> <img src="img/about/2.jpg" alt="image" class="rounded-16 col-12"> </div> </div> </div> <div class="col-lg-4 col-sm-6"> <div data-anim-child="img-right cover-light-1 delay-4" class="rounded-16"> <img src="img/about/3.jpg" alt="image" class="rounded-16 col-12"> </div> <div data-anim-child="fade delay-5" class="text-17 mt-30">Modern amenities like EV charging facility</div> </div> </div> </div> </section> <section class="layout-pt-lg"> <div data-anim-wrap class="container"> <div class="row justify-center text-center"> <div data-split='lines' data-anim-child="split-lines delay-2" class="col-auto"> <div class="text-15 uppercase mb-20 sm:mb-10">Wonder Nest</div> <h2 class="text-64 md:text-40 lh-11">Rooms & Suites</h2> </div> </div> <div class="row x-gap-30 y-gap-30 pt-60 sm:pt-50"> <div class="col-lg-6 col-md-6"> <a href="wonder-nest-cottage.php" data-anim-child="slide-up delay-2" class="roomCard -type-2 -hover-button-center d-block bg-accent-1 rounded-16 overflow-hidden"> <div class="roomCard__image -no-line ratio ratio-45:43 -hover-button-center__wrap"> <img src="img/room/wonder-nest-cottage.jpg" alt="image" class="img-ratio"> <div class="roomCard__price text-15 fw-500 bg-white text-accent-1 rounded-8">Rs. 28000 / NIGHT</div> <div class="-hover-button-center__button flex-center size-110 rounded-full bg-accent-1-50 blur-1 border-white-10"> <span class="text-15 fw-500 text-white">BOOK NOW</span> </div> </div> <div class="roomCard__content text-center px-30 py-30"> <h3 class="roomCard__title lh-065 text-40 md:text-24 text-white">Wonder Nest Cottage </h3> <p class="text-white mt-30"> The Wonder Nest Cottage offers a private and peaceful mountain escape, ideal for couples and families seeking comfort and scenic beauty. </p> <div class="d-flex x-gap-20 justify-center pt-30"> <div class="d-flex items-center text-white"> <i class="icon-wifi text-20 mr-10"></i> Wifi Access </div> <div class="d-flex items-center text-white"> <i class="icon-smart-tv text-20 mr-10"></i> Smart TV </div> <div class="d-flex items-center text-white"> <i class="icon-housekeeper-services text-20 mr-10"></i> Housekeeping </div> <div class="d-flex items-center text-white"> <i class="icon-shower-bath text-20 mr-10"></i> Jacuzzi </div> </div> </div> </a> </div> <div class="col-lg-6 col-md-6"> <a href="luxury-room.php" data-anim-child="slide-up delay-4" class="roomCard -type-2 -hover-button-center d-block bg-accent-1 rounded-16 overflow-hidden"> <div class="roomCard__image -no-line ratio ratio-45:43 -hover-button-center__wrap"> <img src="img/room/luxury-room.jpg" alt="image" class="img-ratio"> <div class="roomCard__price text-15 fw-500 bg-white text-accent-1 rounded-8">Rs. 6000 / NIGHT</div> <div class="-hover-button-center__button flex-center size-110 rounded-full bg-accent-1-50 blur-1 border-white-10"> <span class="text-15 fw-500 text-white">BOOK NOW</span> </div> </div> <div class="roomCard__content text-center px-30 py-30"> <h3 class="roomCard__title lh-065 text-40 md:text-24 text-white"> Luxury Room</h3> <p class="text-white mt-30"> The Luxury Room at Wonder Nest is designed for guests who appreciate modern comfort with breathtaking surroundings. </p> <div class="d-flex x-gap-20 justify-center pt-30"> <div class="d-flex items-center text-white"> <i class="icon-wifi text-20 mr-10"></i> Wifi Access </div> <div class="d-flex items-center text-white"> <i class="icon-smart-tv text-20 mr-10"></i> Smart TV </div> <div class="d-flex items-center text-white"> <i class="icon-housekeeper-services text-20 mr-10"></i> Housekeeping </div> <div class="d-flex items-center text-white"> <i class="icon-shower-bath text-20 mr-10"></i> Jacuzzi </div> </div> </div> </a> </div> </div> </div> </section> <section class="layout-pt-lg layout-pb-lg bg-light-1"> <div data-anim-wrap class="container"> <div class="row justify-center text-center"> <div data-split='lines' data-anim-child="split-lines delay-2" class="col-auto"> <div class="text-15 uppercase mb-30 sm:mb-10">Wonder Nest</div> <h2 class="text-64 md:text-40">Facilities Available</h2> </div> </div> <div class="row y-gap-40 justify-between pt-60 sm:pt-50"> <div data-anim-child="slide-up delay-4" class="col-lg-auto col-md-4 col-6"> <div class="iconCard -type-1 -hover-1 text-center"> <div class="iconCard__icon text-50"> <div class="iconCard__icon__circle bg-white"></div> <i class=""><img src="img/icons/1.png" class="size-60"></i> </div> <h4 class="text-24 sm:text-21 lh-1 mt-30 sm:mt-15">360° valley view</h4> </div> </div> <div data-anim-child="slide-up delay-5" class="col-lg-auto col-md-4 col-6"> <div class="iconCard -type-1 -hover-1 text-center"> <div class="iconCard__icon text-50"> <div class="iconCard__icon__circle bg-white"></div> <i class=""><img src="img/icons/2.png" class="size-60"></i> </div> <h4 class="text-24 sm:text-21 lh-1 mt-30 sm:mt-15">WiFi Access</h4> </div> </div> <div data-anim-child="slide-up delay-6" class="col-lg-auto col-md-4 col-6"> <div class="iconCard -type-1 -hover-1 text-center"> <div class="iconCard__icon text-50"> <div class="iconCard__icon__circle bg-white"></div> <i class=""><img src="img/icons/3.png" class="size-60"></i> </div> <h4 class="text-24 sm:text-21 lh-1 mt-30 sm:mt-15">Parking Area</h4> </div> </div> <div data-anim-child="slide-up delay-7" class="col-lg-auto col-md-4 col-6"> <div class="iconCard -type-1 -hover-1 text-center"> <div class="iconCard__icon text-50"> <div class="iconCard__icon__circle bg-white"></div> <i class=""><img src="img/icons/4.png" class="size-60"></i> </div> <h4 class="text-24 sm:text-21 lh-1 mt-30 sm:mt-15">Fully equipped kitchen</h4> </div> </div> <div data-anim-child="slide-up delay-8" class="col-lg-auto col-md-4 col-6"> <div class="iconCard -type-1 -hover-1 text-center"> <div class="iconCard__icon text-50"> <div class="iconCard__icon__circle bg-white"></div> <i class=""><img src="img/icons/5.png" class="size-60"></i> </div> <h4 class="text-24 sm:text-21 lh-1 mt-30 sm:mt-15">Living Area</h4> </div> </div> <div data-anim-child="slide-up delay-9" class="col-lg-auto col-md-4 col-6"> <div class="iconCard -type-1 -hover-1 text-center"> <div class="iconCard__icon text-50"> <div class="iconCard__icon__circle bg-white"></div> <i class=""><img src="img/icons/6.png" class="size-60"></i> </div> <h4 class="text-24 sm:text-21 lh-1 mt-30 sm:mt-15">Dining Area</h4> </div> </div> </div> </div> </section> <!-- testimonials --> <section> <div data-anim-wrap class="container"> <div class="row justify-center text-center"> <div data-split='lines' data-anim-child="split-lines delay-2" class="col-auto"> <h2 class="text-64 md:text-40">Testimonials</h2> </div> </div> </div> <div data-anim-wrap class="relative z-0 layout-pt-md mt-40 layout-pb-md md:pt-0"> <div class="sectionBg -type-2 overflow-hidden"> <div class="sectionBg__bg bg-accent-1 rounded-16"></div> <img src="img/about/1.jpg" alt="image"> </div> <div class="container"> <div class="row y-gap-30"> <div class="col-xl-6 col-lg-7"> <div class="overflow-hidden js-section-slider" data-gap="30" data-slider-cols="xl-1 lg-1 md-1 sm-1 base-1" data-pagination="js-slider3-pagination"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div data-anim-child="slide-up delay-1" class="mb-50 md:mb-20"> <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_524_698)"> <path d="M9.67883 38C6.64234 38 4.27007 36.9524 2.56204 34.8571C0.854015 32.6667 0 29.4286 0 25.1429C0 20.6667 0.99635 16.381 2.98905 12.2857C5.07664 8.19048 8.01825 4.14286 11.8139 0.142864C11.9088 0.0476213 12.0511 0 12.2409 0C12.5255 0 12.7153 0.142858 12.8102 0.428574C13 0.619048 13.0474 0.857143 12.9526 1.14286C10.6752 4.19048 9.10949 7.14286 8.25548 10C7.49635 12.7619 7.11679 15.8571 7.11679 19.2857C7.11679 21.8571 7.44891 23.8571 8.11314 25.2857C8.77737 26.7143 9.67883 28 10.8175 29.1429L5.40876 30.1429C5.31387 28.5238 5.74088 27.2857 6.68978 26.4286C7.73358 25.5714 9.06205 25.1429 10.6752 25.1429C12.6679 25.1429 14.1861 25.7143 15.2299 26.8571C16.3686 28 16.938 29.5714 16.938 31.5714C16.938 33.6667 16.2737 35.2857 14.9453 36.4286C13.7117 37.4762 11.9562 38 9.67883 38ZM31.5985 38C28.562 38 26.1898 36.9524 24.4818 34.8571C22.8686 32.6667 22.062 29.4286 22.062 25.1429C22.062 20.5714 23.0584 16.2381 25.0511 12.1429C27.0438 8.04762 29.9854 4.04762 33.8759 0.142864C33.9708 0.0476213 34.1131 0 34.3029 0C34.5876 0 34.7774 0.142858 34.8723 0.428574C35.062 0.619048 35.1095 0.857143 35.0146 1.14286C32.7372 4.19048 31.1715 7.14286 30.3175 10C29.5584 12.7619 29.1788 15.8571 29.1788 19.2857C29.1788 21.8571 29.4635 23.9048 30.0328 25.4286C30.6971 26.8571 31.5985 28.0952 32.7372 29.1429L27.4708 30.1429C27.3759 28.5238 27.8029 27.2857 28.7518 26.4286C29.7007 25.5714 31.0292 25.1429 32.7372 25.1429C34.7299 25.1429 36.2482 25.7143 37.292 26.8571C38.4307 28 39 29.5714 39 31.5714C39 33.6667 38.3358 35.2857 37.0073 36.4286C35.7737 37.4762 33.9708 38 31.5985 38Z" fill="white" /> </g> <defs> <filter id="filter0_d_524_698" x="0" y="0" width="45" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="6" dy="6" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_524_698" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_524_698" result="shape" /> </filter> </defs> </svg> </div> <div data-split='lines' data-anim-child="split-lines delay-3"> <div class="text-sec text-40 lg:text-30 md:text-24 text-white"> “Wonder Nest truly lives up to its name. The valley views are breathtaking, the jacuzzi is relaxing, and the stay felt peaceful and comfortable throughout.” </div> </div> <div data-anim-child="slide-up delay-6" class="d-flex items-center mt-50 md:mt-20"> <img src="img/guest/1.png" alt="image" class="size-80"> <div class="ml-20"> <div class="text-white">Prashant Gupta</div> <div class="text-15 text-white">Guest</div> </div> </div> </div> <div class="swiper-slide"> <div data-anim-child="slide-up delay-1" class="mb-50 md:mb-20"> <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_524_698)"> <path d="M9.67883 38C6.64234 38 4.27007 36.9524 2.56204 34.8571C0.854015 32.6667 0 29.4286 0 25.1429C0 20.6667 0.99635 16.381 2.98905 12.2857C5.07664 8.19048 8.01825 4.14286 11.8139 0.142864C11.9088 0.0476213 12.0511 0 12.2409 0C12.5255 0 12.7153 0.142858 12.8102 0.428574C13 0.619048 13.0474 0.857143 12.9526 1.14286C10.6752 4.19048 9.10949 7.14286 8.25548 10C7.49635 12.7619 7.11679 15.8571 7.11679 19.2857C7.11679 21.8571 7.44891 23.8571 8.11314 25.2857C8.77737 26.7143 9.67883 28 10.8175 29.1429L5.40876 30.1429C5.31387 28.5238 5.74088 27.2857 6.68978 26.4286C7.73358 25.5714 9.06205 25.1429 10.6752 25.1429C12.6679 25.1429 14.1861 25.7143 15.2299 26.8571C16.3686 28 16.938 29.5714 16.938 31.5714C16.938 33.6667 16.2737 35.2857 14.9453 36.4286C13.7117 37.4762 11.9562 38 9.67883 38ZM31.5985 38C28.562 38 26.1898 36.9524 24.4818 34.8571C22.8686 32.6667 22.062 29.4286 22.062 25.1429C22.062 20.5714 23.0584 16.2381 25.0511 12.1429C27.0438 8.04762 29.9854 4.04762 33.8759 0.142864C33.9708 0.0476213 34.1131 0 34.3029 0C34.5876 0 34.7774 0.142858 34.8723 0.428574C35.062 0.619048 35.1095 0.857143 35.0146 1.14286C32.7372 4.19048 31.1715 7.14286 30.3175 10C29.5584 12.7619 29.1788 15.8571 29.1788 19.2857C29.1788 21.8571 29.4635 23.9048 30.0328 25.4286C30.6971 26.8571 31.5985 28.0952 32.7372 29.1429L27.4708 30.1429C27.3759 28.5238 27.8029 27.2857 28.7518 26.4286C29.7007 25.5714 31.0292 25.1429 32.7372 25.1429C34.7299 25.1429 36.2482 25.7143 37.292 26.8571C38.4307 28 39 29.5714 39 31.5714C39 33.6667 38.3358 35.2857 37.0073 36.4286C35.7737 37.4762 33.9708 38 31.5985 38Z" fill="white" /> </g> <defs> <filter id="filter0_d_524_698" x="0" y="0" width="45" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="6" dy="6" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_524_698" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_524_698" result="shape" /> </filter> </defs> </svg> </div> <div data-split='lines' data-anim-child="split-lines delay-3"> <div class="text-sec text-40 lg:text-30 md:text-24 text-white"> “A perfect getaway near Bhimtal. Clean rooms, modern amenities, and easy access to cafés and nearby attractions. The 360° view is a big highlight.” </div> </div> <div data-anim-child="slide-up delay-6" class="d-flex items-center mt-50 md:mt-20"> <img src="img/guest/2.png" alt="image" class="size-80"> <div class="ml-20"> <div class="text-white">Aryan Gupta</div> <div class="text-15 text-white">Guest</div> </div> </div> </div> <div class="swiper-slide"> <div data-anim-child="slide-up delay-1" class="mb-50 md:mb-20"> <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_d_524_698)"> <path d="M9.67883 38C6.64234 38 4.27007 36.9524 2.56204 34.8571C0.854015 32.6667 0 29.4286 0 25.1429C0 20.6667 0.99635 16.381 2.98905 12.2857C5.07664 8.19048 8.01825 4.14286 11.8139 0.142864C11.9088 0.0476213 12.0511 0 12.2409 0C12.5255 0 12.7153 0.142858 12.8102 0.428574C13 0.619048 13.0474 0.857143 12.9526 1.14286C10.6752 4.19048 9.10949 7.14286 8.25548 10C7.49635 12.7619 7.11679 15.8571 7.11679 19.2857C7.11679 21.8571 7.44891 23.8571 8.11314 25.2857C8.77737 26.7143 9.67883 28 10.8175 29.1429L5.40876 30.1429C5.31387 28.5238 5.74088 27.2857 6.68978 26.4286C7.73358 25.5714 9.06205 25.1429 10.6752 25.1429C12.6679 25.1429 14.1861 25.7143 15.2299 26.8571C16.3686 28 16.938 29.5714 16.938 31.5714C16.938 33.6667 16.2737 35.2857 14.9453 36.4286C13.7117 37.4762 11.9562 38 9.67883 38ZM31.5985 38C28.562 38 26.1898 36.9524 24.4818 34.8571C22.8686 32.6667 22.062 29.4286 22.062 25.1429C22.062 20.5714 23.0584 16.2381 25.0511 12.1429C27.0438 8.04762 29.9854 4.04762 33.8759 0.142864C33.9708 0.0476213 34.1131 0 34.3029 0C34.5876 0 34.7774 0.142858 34.8723 0.428574C35.062 0.619048 35.1095 0.857143 35.0146 1.14286C32.7372 4.19048 31.1715 7.14286 30.3175 10C29.5584 12.7619 29.1788 15.8571 29.1788 19.2857C29.1788 21.8571 29.4635 23.9048 30.0328 25.4286C30.6971 26.8571 31.5985 28.0952 32.7372 29.1429L27.4708 30.1429C27.3759 28.5238 27.8029 27.2857 28.7518 26.4286C29.7007 25.5714 31.0292 25.1429 32.7372 25.1429C34.7299 25.1429 36.2482 25.7143 37.292 26.8571C38.4307 28 39 29.5714 39 31.5714C39 33.6667 38.3358 35.2857 37.0073 36.4286C35.7737 37.4762 33.9708 38 31.5985 38Z" fill="white" /> </g> <defs> <filter id="filter0_d_524_698" x="0" y="0" width="45" height="44" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx="6" dy="6" /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_524_698" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_524_698" result="shape" /> </filter> </defs> </svg> </div> <div data-split='lines' data-anim-child="split-lines delay-3"> <div class="text-sec text-40 lg:text-30 md:text-24 text-white"> “Great stay with excellent hospitality. EV charging and parking were very convenient, and nearby restaurants and shops made everything hassle-free.” </div> </div> <div data-anim-child="slide-up delay-6" class="d-flex items-center mt-50 md:mt-20"> <img src="img/avatars/1/3.png" alt="image" class="size-80"> <div class="ml-20"> <div class="text-white">Ravi Jaiswal</div> <div class="text-15 text-white">Guest</div> </div> </div> </div> </div> <div data-anim-child="slide-up delay-7" class="d-flex items-center pt-50 pb-10"> <div class="pagination -type-1 -light js-slider3-pagination"></div> </div> </div> </div> </div> </div> </div> </section> <div class="px-60"> <div class="line -horizontal bg-border"></div> </div> <section class="layout-pt-lg pb-30"> <div data-anim-wrap class="px-60 md:px-20"> <div class="row justify-center text-center"> <div data-split='lines' data-anim-child="split-lines delay-2" class="col-auto"> <div class="text-15 uppercase mb-20 sm:mb-10">Wonder Nest</div> <h2 class="text-64 md:text-40">Our Gallery</h2> </div> </div> <div class="row y-gap-30 pt-60 sm:pt-50"> <div class="w-1/5 md:w-1/2 sm:w-1/1"> <a href="gallery.php" class="ratio ratio-1:1" data-anim-child="img-right cover-light-1 delay-2"> <img src="img/gallery/15.jpg" alt="image" class="img-ratio rounded-16"> </a> </div> <div class="w-1/5 md:w-1/2 sm:w-1/1"> <a href="gallery.php" class="ratio ratio-1:1" data-anim-child="img-right cover-light-1 delay-4"> <img src="img/gallery/16.jpg" alt="image" class="img-ratio rounded-16"> </a> </div> <div class="w-1/5 md:w-1/2 sm:w-1/1"> <a href="gallery.php" class="ratio ratio-1:1" data-anim-child="img-right cover-light-1 delay-6"> <img src="img/gallery/43.jpg" alt="image" class="img-ratio rounded-16"> </a> </div> <div class="w-1/5 md:w-1/2 sm:w-1/1"> <a href="gallery.php" class="ratio ratio-1:1" data-anim-child="img-right cover-light-1 delay-8"> <img src="img/gallery/36.jpg" alt="image" class="img-ratio rounded-16"> </a> </div> <div class="w-1/5 md:w-1/2 sm:w-1/1"> <a href="gallery.php" class="ratio ratio-1:1" data-anim-child="img-right cover-light-1 delay-10"> <img src="img/gallery/35.jpg" alt="image" class="img-ratio rounded-16"> </a> </div> </div> </div> </section> <section class="layout-pb-lg layout-pt-lg"> <div data-anim-wrap class="container"> <div class="row justify-center text-center"> <div data-split='lines' data-anim-child="split-lines delay-2" class="col-auto"> <div class="text-15 uppercase mb-20 sm:mb-10">Wonder Nest</div> <h2 class="text-64 md:text-40">Nearby Attraction</h2> </div> </div> <div class="pt-60 sm:pt-50"> <div class="relative js-section-slider" data-gap="30" data-slider-cols="xl-4 lg-4 md-3 sm-2 base-1" data-nav-prev="js-slider4-prev" data-nav-next="js-slider4-next"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-2" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/1.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Kainchi Dham Mandir</h4> <div class="text-white mt-10">Distance: 6km away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-4" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/2.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Nainital</h4> <div class="text-white mt-10">Distance: 11km away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-6" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/3.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Bhimtal </h4> <div class="text-white mt-10">Distance: 7km away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-8" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/4.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Naukuchiatal</h4> <div class="text-white mt-10">Distance: 14km away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-10" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/5.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Sattal</h4> <div class="text-white mt-10">Distance: 1.5kms away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-12" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/6.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Graphic Era University </h4> <div class="text-white mt-10">Distance: 500mts away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-14" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/7.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Zoobys Restaurant </h4> <div class="text-white mt-10">Distance: 50mts away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-14" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/8.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Grits Cafe</h4> <div class="text-white mt-10">Distance: 200mts away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-14" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/9.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">I Heart Cafe </h4> <div class="text-white mt-10">Distance: 250mts away</div> </div> </a> </div> <div class="swiper-slide"> <a href="attraction.php" data-anim-child="img-right cover-light-1 delay-14" class="baseCard -type-1 -hover-image-scale"> <div class="baseCard__image ratio ratio-33:45 rounded-16"> <div class="-hover-image-scale__image"> <img src="img/attraction/10.jpg" alt="image" class="img-ratio"> </div> </div> <div class="baseCard__content d-flex flex-column justify-end text-center"> <h4 class="text-30 md:text-25 text-white">Essentials Shops </h4> <div class="text-white mt-10">Distance: 50mts away</div> </div> </a> </div> </div> <div class="navAbsolute -type-4"> <button class="size-60 flex-center bg-accent-1-50 blur-1 rounded-full js-slider4-prev"> <i class="icon-arrow-left text-24 text-white"></i> </button> <button class="size-60 flex-center bg-accent-1-50 blur-1 rounded-full js-slider4-next"> <i class="icon-arrow-right text-24 text-white"></i> </button> </div> </div> </div> </div> </section> <?php include 'include/footer.php';?> </main> <!-- JavaScript --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAAz77U5XQuEME6TpftaMdX0bBelQxXRlM"></script> <script src="../../../unpkg.com/%40googlemaps/markerclusterer%402.6.2/dist/index.min.js"></script> <script src="js/vendors.js"></script> <script src="js/main.js"></script> <!--popup video--> <div class="trailer"> <div style="position: relative;"> <video controls autoplay muted> <source src="img/video/wonder-Nest.mp4" type=""> </video> <img src="img/video/close-button.png" class="close" style="pointer-events: auto;" onclick="toggle();"> </div> </div> <!--popup video --> <!--popup video--> <script type="text/javascript"> function toggle() { var trailer = document.querySelector(".trailer"); var video = trailer.querySelector("video"); trailer.classList.toggle("active"); if (trailer.classList.contains("active")) { video.currentTime = 0; video.play(); // ▶ auto play when opened } else { video.pause(); // ⏸ stop when closed video.currentTime = 0; } } </script> <!--popup video--> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings