File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/leenaresort.com/css/preloader.html

Back
<!DOCTYPE html> <html lang="en-US" itemscope="itemscope" itemtype="https://schema.org/WebPage"> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T5V5NM3');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <title>Hotel in Ladakh \| Best Hotel For Family In Leh</title> <meta name="description" content="Hotel Paradise Ladakh is one of the best hotel in Ladakh. With finest accommodation and enchanting hospitality, our hotel in Leh is in budget for family."> <meta name="keywords" content="hotel in ladakh, best hotel for family In leh, hotel in leh for family"> <meta name="DC.title" content="Book Hotel Paradise Ladakh" /> <meta name="geo.region" content="IN" /> <meta name="geo.placename" content="Leh" /> <meta name="geo.position" content="34.164203;77.584813" /> <meta name="ICBM" content="34.164203, 77.584813" /> <meta name="author" content="Hotel Paradise Ladakh"> <meta name="robots" content="index, follow" /> <meta name="googlebot" content="all, index, follow" /> <meta name="yahooseeker" content="index, follow" /> <meta name="msnbot" content="index, follow" /> <link rel="canonical" href="http://www.paradiseladakh.in"/> <link rel="alternate" href="http://www.paradiseladakh.in" hreflang="en-us" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <meta name="google-site-verification" content="1unrA9xTbyhdlKu6_3KhrhT9eXknC2Pu2vonBaXSPpk" /> <meta content="telephone=no" name="format-detection"/> <meta name="HandheldFriendly" content="true"/> <!-- Google Fonts --> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Cinzel:400,700%7CRaleway:500,500i,600,700%7CMaterial+Icons&display=swap"/> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-E0T44TJ9ZK"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E0T44TJ9ZK'); </script> <!-- Template Vendor's Stylesheet --> <link rel="stylesheet" type="text/css" href="css/vendor.css"/> <!-- Template Main Stylesheet --> <link rel="stylesheet" type="text/css" href="css/main.css"/> <!-- Favicons & App Icons --> <!-- <link rel="apple-touch-icon" sizes="57x57" href="img/content/apple-icon-57x57.png"/> <link rel="apple-touch-icon" sizes="60x60" href="img/content/apple-icon-60x60.png"/> <link rel="apple-touch-icon" sizes="72x72" href="img/content/apple-icon-72x72.png"/> <link rel="apple-touch-icon" sizes="76x76" href="img/content/apple-icon-76x76.png"/> <link rel="apple-touch-icon" sizes="114x114" href="img/content/apple-icon-114x114.png"/> <link rel="apple-touch-icon" sizes="120x120" href="img/content/apple-icon-120x120.png"/> <link rel="apple-touch-icon" sizes="144x144" href="img/content/apple-icon-144x144.png"/> <link rel="apple-touch-icon" sizes="152x152" href="img/content/apple-icon-152x152.png"/> <link rel="apple-touch-icon" sizes="180x180" href="img/content/apple-icon-180x180.png"/> <link rel="icon" type="image/png" sizes="192x192" href="img/content/android-icon-192x192.png"/> <link rel="icon" type="image/png" sizes="32x32" href="img/content/favicon-32x32.png"/> <link rel="icon" type="image/png" sizes="96x96" href="img/content/favicon-96x96.png"/> <link rel="icon" type="image/png" sizes="16x16" href="img/content/favicon-16x16.png"/> <link rel="manifest" href="img/content/manifest.json"/> <meta name="msapplication-TileColor" content="#ffffff"/> <meta name="msapplication-TileImage" content="img/content/ms-icon-144x144.png"/>--> <meta name="theme-color" content="#ffffff"/> <link rel="icon" type="image/x-icon" href="img/content/favicon.ico"/> </head> <style> .slider__heading{ font-size:40px !important;} .logo{margin-top: -40%;} .book-now { position: fixed; right: 20px; bottom: 40px; z-index: 9999; width: 10%; } .book-now img { max-width: 100%; width: 200px; } </style> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T5V5NM3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="book-now"> <a href="https://www.asiatech.in/booking_engine/index3.php?token=NDAyNg==" target="_blank"><img src="img/book.gif" alt="best hotel in ladakh"></a> </div> <div data-barba="wrapper"> <!-- PAGE PRELOADER --> <div class="preloader text-center" style="background-color:#00475C;" id="js-preloader" data-arts-theme-text="light"> <div class="preloader__content"> <!-- header --> <div class="preloader__header mt-auto"> <div class="preloader__heading h2"><img src="img/loader.png" alt="best hotel for family In Leh" /></div> </div> <!-- - header --> <!-- counter --> <div class="preloader__counter h5"><span class="preloader__counter-number preloader__counter-current">0</span><span class="preloader__counter-divider">  /  </span><span class="preloader__counter-number preloader__counter-total">100</span></div> <!-- - counter --> <!-- circle holder --> <div class="preloader__circle"></div> <!-- - circle holder --> </div> </div> <!-- - PAGE PRELOADER --> <!-- Loading Spinner --> <svg class="spinner d-lg-none" id="js-spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="spinner__path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle> </svg> <!-- - Loading Spinner --> <!-- Transition Curtain--> <!-- TRANSITION CURTAINS --> <!-- page curtain AJAX transition --> <div class="curtain transition-curtain" id="js-page-transition-curtain"> <div class="curtain__wrapper-svg"> <svg class="curtain-svg" viewBox="0 0 1920 1080" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Default Rectangle --> <path class="curtain-svg__normal" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z"></path> <!-- - Default Rectangle --> <!-- Curve Top --> <path class="curtain-svg__curve curtain-svg__curve_top-desktop" d="M0,300 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,300 Z"></path> <path class="curtain-svg__curve curtain-svg__curve_top-mobile" d="M0,150 C305.333333,50 625.333333,0 960,0 C1294.66667,0 1614.66667,50 1920,150 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,150 Z"></path> <!-- - Curve Top --> <!-- Curve Bottom --> <path class="curtain-svg__curve curtain-svg__curve_bottom-desktop" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z"></path> <path class="curtain-svg__curve curtain-svg__curve_bottom-mobile" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1030 1294.66667,1005 960,1005 C625.333333,1005 305.333333,1030 0,1080 L0,0 Z"></path> <!-- - Curve Bottom --> </svg> </div> </div> <!-- - page curtain AJAX transition --> <!-- header curtain show/hide --> <div class="header-curtain curtain" id="js-header-curtain"> <div class="curtain__wrapper-svg"> <svg class="curtain-svg" viewBox="0 0 1920 1080" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Default Rectangle --> <path class="curtain-svg__normal" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z"></path> <!-- - Default Rectangle --> <!-- Curve Top --> <path class="curtain-svg__curve curtain-svg__curve_top-desktop" d="M0,300 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,300 Z"></path> <path class="curtain-svg__curve curtain-svg__curve_top-mobile" d="M0,150 C305.333333,50 625.333333,0 960,0 C1294.66667,0 1614.66667,50 1920,150 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,150 Z"></path> <!-- - Curve Top --> <!-- Curve Bottom --> <path class="curtain-svg__curve curtain-svg__curve_bottom-desktop" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z"></path> <path class="curtain-svg__curve curtain-svg__curve_bottom-mobile" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1030 1294.66667,1005 960,1005 C625.333333,1005 305.333333,1030 0,1080 L0,0 Z"></path> <!-- - Curve Bottom --> </svg> </div> </div> <!-- - header curtain show/hide --> <!-- header curtain AJAX transition --> <div class="header-curtain header-curtain_transition curtain" id="js-header-curtain-transition"> <div class="curtain__wrapper-svg"> <svg class="curtain-svg" viewBox="0 0 1920 1080" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Default Rectangle --> <path class="curtain-svg__normal" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z"></path> <!-- - Default Rectangle --> <!-- Curve Top --> <path class="curtain-svg__curve curtain-svg__curve_top-desktop" d="M0,300 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,300 Z"></path> <path class="curtain-svg__curve curtain-svg__curve_top-mobile" d="M0,150 C305.333333,50 625.333333,0 960,0 C1294.66667,0 1614.66667,50 1920,150 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,150 Z"></path> <!-- - Curve Top --> <!-- Curve Bottom --> <path class="curtain-svg__curve curtain-svg__curve_bottom-desktop" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z"></path> <path class="curtain-svg__curve curtain-svg__curve_bottom-mobile" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1030 1294.66667,1005 960,1005 C625.333333,1005 305.333333,1030 0,1080 L0,0 Z"></path> <!-- - Curve Bottom --> </svg> </div> </div> <!-- - header curtain AJAX transition --> <!-- - TRANSITION CURTAINS --> <!-- Cursor Follower--> <div class="cursor" id="js-cursor"> <div class="cursor__wrapper"> <!-- circles --> <div class="cursor__follower"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <circle id="inner" cx="25" cy="25" r="24" style="opacity: 0.6;"></circle> <circle id="outer" cx="25" cy="25" r="24" style="stroke-dashoffset: 252.327; stroke-dasharray: 0px, 999999px;"></circle> </svg> </div> <!-- - circles --> <!-- arrows --> <div class="cursor__arrows"> <div class="cursor__arrow cursor__arrow_up material-icons">keyboard_arrow_up</div> <div class="cursor__arrow cursor__arrow_down material-icons">keyboard_arrow_down</div> <div class="cursor__arrow cursor__arrow_left material-icons">keyboard_arrow_left</div> <div class="cursor__arrow cursor__arrow_right material-icons">keyboard_arrow_right</div> </div> <!-- - arrows --> <!-- label holder --> <div class="cursor__label"></div> <!-- - label holder --> <!-- icon holder --> <div class="cursor__icon material-icons"></div> <!-- - icon holder --> </div> </div> <!-- - Cursor Follower--> <!-- PAGE HEADER --> <header class="header header_menu-right header_fixed container-fluid " id="page-header" data-arts-theme-text="light" data-arts-header-sticky-theme="bg-white" data-arts-header-logo="primary" data-arts-header-sticky-logo="secondary" data-arts-header-overlay-theme="light" data-arts-header-overlay-background="#ffffff"> <!-- top bar --> <div class="header__container header__controls"> <div class="row justify-content-between align-items-center"> <!-- logo --> <div class="col-auto header__col header__col-left"><a class="logo" href="http://www.paradiseladakh.in" target="_blank"> <div class="logo__wrapper-img"> <!-- primary logo version (for light backgrounds)--><img class="logo__img-primary" src="img/logo.png" alt="best hotel for family In Leh" height="20"/> <!-- secondary logo version (for dark backgrounds)--><img class="logo__img-secondary" src="img/logo-dark.svg" alt="Luxury Hotels in Leh Ladakh" height="20"/> </div></a> </div> <!-- - logo --> <!-- burger icon --> <div class="col-auto header__col"> <div class="header__burger" id="js-burger" data-arts-cursor="data-arts-cursor" data-arts-cursor-scale="1.7" data-arts-cursor-magnetic="data-arts-cursor-magnetic" data-arts-cursor-hide-native="true"> <div class="header__burger-line"></div> <div class="header__burger-line"></div> <div class="header__burger-line"></div> </div> </div> <!-- - burger icon --> <!-- "back" button for submenu nav --> <div class="header__overlay-menu-back" id="js-submenu-back"> <div class="arrow arrow-left js-arrow arrow_mini" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true" data-arts-cursor-scale="0" data-arts-cursor-magnetic="data-arts-cursor-magnetic"> <svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <circle class="circle" cx="30" cy="30" r="29" fill="none"></circle> </svg> <div class="arrow__pointer arrow-left__pointer"></div> <div class="arrow__triangle"></div> </div> </div> <!-- - "back" button for submenu nav --> </div> </div> <!-- - top bar --> <!-- fullscreen overlay container --> <div class="header__wrapper-overlay-menu container-fluid container-fluid_paddings"> <!-- fullscreen menu --> <div class="header__wrapper-menu"> <ul class="menu-overlay js-menu-overlay"> <li class="menu-item-has-children"><a class="h2" href="http://www.paradiseladakh.in" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">Home</div></a> </li> <li class="menu-item-has-children"><a class="h2" href="about.html" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">About</div></a> </li> <li class="menu-item-has-children"><a class="h2" href="#" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">Stay</div></a> <ul class="sub-menu"> <li class="menu-item-has-children"><a class="h3" href="luxury-suites.html" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">Luxury Suites</div></a> </li> <li class="menu-item-has-children"><a class="h3" href="premium-suites.html" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">Premium Rooms</div></a> </li> </ul> </li> <li class="menu-item-has-children"><a class="h2" href="dinning.html" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">Dining</div></a> </li> <li class="menu-item-has-children"><a class="h2" href="tariff.html" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">Tariff</div></a> </li> <!--<li class="menu-item-has-children"><a class="h2" href="#" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">Gallery</div></a> </li>--> <li class="menu-item-has-children"><a class="h2" href="contact.html" data-pjax-link="overlayMenu"> <div class="menu-overlay__item-wrapper split-text js-split-text" data-split-text-type="lines">Contact</div></a> </li> </ul> </div> <!-- - fullscreen menu --> <!-- fullscreen widgets --> <div class="header__wrapper-overlay-widgets"> <div class="row"> <!--<div class=" lazy-bg js-transition-img__transformed-el" data-texture-src="img/Menu-clouds.png"></div>--> <div class="col-lg-12"> <div class="menu_img small-caps js-split-text split-text" data-split-text-type="lines"> <img src="img/Menu-clouds.png"> </div> </div> <!-- widget TEXT --> <div class="col-lg-4 header__widget"> <div class="header__widget-title small-caps js-split-text split-text" data-split-text-type="lines">Contacts</div> <div class="header__widget-content js-split-text split-text" data-split-text-type="lines"> <p><a href="#">book@paradiseladakh.in</a><br/>+91-70060 19054<br/>91-96226 79304<br/> </p> </div> </div> <!-- - widget TEXT --> <!-- widget TEXT --> <div class="col-lg-4 header__widget"> <div class="header__widget-title small-caps js-split-text split-text" data-split-text-type="lines">Address</div> <div class="header__widget-content js-split-text split-text" data-split-text-type="lines"> <p>Near Water Pump Sanker, <br/>Leh, UT Ladakh-194101<br/>India<br/> </p> </div> </div> <!-- - widget TEXT --> <!-- widget TEXT --> <div class="col-lg-4 header__widget"> <div class="header__widget-title small-caps js-split-text split-text" data-split-text-type="lines">For assistance & bookings</div> <div class="header__widget-content js-split-text split-text" data-split-text-type="lines"> <p><a href="contact.html">Contact Us </a><br/> </p> </div> </div> <!-- - widget TEXT --> </div> </div> <!-- - fullscreen widgets --> </div> <!-- - fullscreen overlay container --> </header> <!-- - PAGE HEADER --> <!-- PAGE MAIN --> <div class="js-smooth-scroll bg-dark-1" id="page-wrapper" data-barba="container"> <main class="page-wrapper__content"> <!-- section MASTHEAD --> <section class="section section-masthead d-none" data-background-color="#00475C"></section> <!-- - section MASTHEAD --> <!-- section PROJECTS SLIDER FULLSCREEN --> <section class="section section-fullheight section-projects section-projects-slider bg-dark-1 overflow" data-arts-theme-text="light" data-arts-os-animation> <div class="section-fullheight__inner section-fullheight__inner_mobile text-center"> <div class="slider slider-fullscreen-projects js-slider-fullscreen-projects js-slider"> <!-- slider CONTENT --> <div class="slider-fullscreen-projects__content swiper-container js-slider-fullscreen-projects__content"> <div class="swiper-wrapper"> <div class="swiper-slide"> <h1 class="h1 slider__heading js-split-text" data-split-text-type="lines, words, chars">A bliss to watch for eyes and soul </h1> </div> <div class="swiper-slide"> <h2 class="h1 slider__heading js-split-text" data-split-text-type="lines, words, chars">Mountain stories that slowly enfold</h2> </div> <div class="swiper-slide"> <h2 class="h1 slider__heading js-split-text" data-split-text-type="lines, words, chars">To enchant, to speak, to surprise </h2> </div> <div class="swiper-slide"> <h2 class="h1 slider__heading js-split-text" data-split-text-type="lines, words, chars">And lets you sink in paradise </h2> </div> </div> </div> <!-- - slider CONTENT --> <!-- slider IMAGES --> <div class="slider-fullscreen-projects__images swiper-container js-slider-fullscreen-projects__images" data-mousewheel-enabled="data-mousewheel-enabled" data-direction="horizontal" data-transition-effect="distortion" data-aspect-ratio="1.5" data-transition-displacement-img="img/general/bg-displacement-7.jpg" data-speed="1200" data-autoplay-enabled="true" data-autoplay-delay="6000" data-counter-style="roman"> <div class="swiper-wrapper"> <div class="swiper-slide overflow"> <div class="slider__images-slide-inner js-transition-img overflow" data-swiper-parallax="90%"> <div class="slider__bg lazy-bg js-transition-img__transformed-el" data-texture-src="img/Home/1.jpg"></div> </div> </div> <div class="swiper-slide overflow"> <div class="slider__images-slide-inner js-transition-img overflow" data-swiper-parallax="90%"> <div class="slider__bg lazy-bg js-transition-img__transformed-el" data-texture-src="img/Home/2.jpg"></div> </div> </div> <div class="swiper-slide overflow"> <div class="slider__images-slide-inner js-transition-img overflow" data-swiper-parallax="90%"> <div class="slider__bg lazy-bg js-transition-img__transformed-el" data-texture-src="img/Home/3.jpg"></div> </div> </div> <div class="swiper-slide overflow"> <div class="slider__images-slide-inner js-transition-img overflow" data-swiper-parallax="90%"> <div class="slider__bg lazy-bg js-transition-img__transformed-el" data-texture-src="img/Home/4.jpg"></div> </div> </div> </div> <!-- overlay --> <div class="slider__overlay overlay overlay_circle-darkq overlay_deither" style=" background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0) 0%, #00000099 90%, black 100%); "></div> <!--<div class="slider__circle"></div>--> <!-- - overlay --> </div> <!-- - slider IMAGES --> <!-- slider FOOTER --> <div class="slider-fullscreen-projects__footer swiper-container js-slider-fullscreen-projects__footer"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slider__wrapper-button-footer"><a class="button button_white button_bordered" href="about.html" data-pjax-link="fullscreenSlider"><span class="button__label-hover">Know More </span></a> </div> </div> <div class="swiper-slide"> <div class="slider__wrapper-button-footer"><a class="button button_white button_bordered" href="about.html" data-pjax-link="fullscreenSlider"><span class="button__label-hover">Know More</span></a> </div> </div> <div class="swiper-slide"> <div class="slider__wrapper-button-footer"><a class="button button_white button_bordered" href="about.html" data-pjax-link="fullscreenSlider"><span class="button__label-hover">Know More</span></a> </div> </div> <div class="swiper-slide"> <div class="slider__wrapper-button-footer"><a class="button button_white button_bordered" href="about.html" data-pjax-link="fullscreenSlider"><span class="button__label-hover">Know More</span></a> </div> </div> </div> </div> <!-- - slider FOOTER --> <!-- slider COUNTER --> <div class="slider__wrapper-counter slider-fullscreen-projects__counter"> <div class="slider__counter slider__counter_current"> <div class="js-slider-fullscreen-projects__counter-current swiper-container"> <div class="swiper-wrapper"></div> </div> </div> <div class="slider__counter-divider slider-fullscreen__counter-divider"></div> <div class="slider__counter slider__counter_total js-slider-fullscreen-projects__counter-total"></div> </div> <!-- - slider COUNTER --> <!-- slider ARROWS --> <div class="slider__arrow slider__arrow_left slider__arrow_absolute js-slider__arrow-prev"> <div class="arrow arrow-left js-arrow" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true" data-arts-cursor-scale="0" data-arts-cursor-magnetic="data-arts-cursor-magnetic"> <svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!--<circle class="circle" cx="30" cy="30" r="29" fill="none"></circle>--> </svg> <div class="arrow__pointer arrow-left__pointer"></div> <div class="arrow__triangle"></div> </div> </div> <div class="slider__arrow slider__arrow_right slider__arrow_absolute js-slider__arrow-next"> <div class="arrow arrow-right js-arrow" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true" data-arts-cursor-scale="0" data-arts-cursor-magnetic="data-arts-cursor-magnetic"> <svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!--<circle class="circle" cx="30" cy="30" r="29" fill="none"></circle>--> </svg> <div class="arrow__pointer arrow-right__pointer"></div> <div class="arrow__triangle"></div> </div> </div> <!-- - slider ARROWS --> <!-- slider CANVAS --> <div class="slider__wrapper-canvas"> <div class="slider__wrapper-canvas-inner"> <canvas class="slider__canvas"></canvas> </div> </div> <!-- - slider CANVAS --> </div> </div> </section> <!-- - section PROJECTS SLIDER FULLSCREEN --> </main> <!-- PAGE FOOTER --> <!-- - PAGE FOOTER --> </div> <!-- - PAGE MAIN --> </div> <canvas id="js-webgl"></canvas> <!-- PhotoSwipe --> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" data-arts-theme-text="light"> <!-- background --> <div class="pswp__bg"></div> <!-- - background --> <!-- slider wrapper --> <div class="pswp__scroll-wrap"> <!-- slides holder (don't modify)--> <div class="pswp__container"> <div class="pswp__item"> <div class="pswp__img pswp__img--placeholder"></div> </div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- - slides holder (don't modify)--> <!-- UI --> <div class="pswp__ui pswp__ui--hidden"> <!-- top bar --> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)" data-arts-cursor="data-arts-cursor" data-arts-cursor-scale="1.2" data-arts-cursor-magnetic="data-arts-cursor-magnetic" data-arts-cursor-hide-native="true"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen" data-arts-cursor="data-arts-cursor" data-arts-cursor-scale="1.2" data-arts-cursor-magnetic="data-arts-cursor-magnetic" data-arts-cursor-hide-native="true"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <!-- - top bar --> <!-- left arrow --> <div class="pswp__button pswp__button--arrow--left"> <div class="arrow arrow-left js-arrow" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true" data-arts-cursor-scale="0" data-arts-cursor-magnetic="data-arts-cursor-magnetic"> <svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <circle class="circle" cx="30" cy="30" r="29" fill="none"></circle> </svg> <div class="arrow__pointer arrow-left__pointer"></div> <div class="arrow__triangle"></div> </div> </div> <!-- - left arrow --> <!-- right arrow --> <div class="pswp__button pswp__button--arrow--right"> <div class="arrow arrow-right js-arrow" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true" data-arts-cursor-scale="0" data-arts-cursor-magnetic="data-arts-cursor-magnetic"> <svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <circle class="circle" cx="30" cy="30" r="29" fill="none"></circle> </svg> <div class="arrow__pointer arrow-right__pointer"></div> <div class="arrow__triangle"></div> </div> </div> <!-- - right arrow --> <!-- slide caption holder (don't modify) --> <div class="pswp__caption"> <div class="pswp__caption__center text-center"></div> </div> <!-- - slide caption holder (don't modify) --> </div> <!-- - UI --> </div> <!-- slider wrapper --> </div> <!-- - PhotoSwipe --> <!-- List Hover Shaders --> <script id="list-hover-vs" type="x-shader/x-vertex"> uniform vec2 uOffset; varying vec2 vUv; vec3 deformationCurve(vec3 position, vec2 uv, vec2 offset) { float M_PI = 3.1415926535897932384626433832795; position.x = position.x + (sin(uv.y * M_PI) * offset.x); position.y = position.y + (sin(uv.x * M_PI) * offset.y); return position; } void main() { vUv = uv + (uOffset * 2.); vec3 newPosition = position; newPosition = deformationCurve(position,uv,uOffset); gl_Position = projectionMatrix * modelViewMatrix * vec4( newPosition, 1.0 ); } </script> <script id="list-hover-fs" type="x-shader/x-fragment"> uniform sampler2D uTexture; uniform float uAlpha; uniform float uScale; varying vec2 vUv; vec2 scaleUV(vec2 uv,float scale) { float center = 0.5; return ((uv - center) * scale) + center; } void main() { vec3 color = texture2D(uTexture,scaleUV(vUv,uScale)).rgb; gl_FragColor = vec4(color,uAlpha); } </script> <!-- - List Hover Shaders --> <!-- Slider Textures Shaders --> <script id="slider-textures-vs" type="x-shader/x-vertex"> varying vec2 vUv; void main() { vUv = uv; gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 ); } </script> <script id="slider-textures-horizontal-fs" type="x-shader/x-fragment"> varying vec2 vUv; uniform sampler2D texture; uniform sampler2D texture2; uniform sampler2D disp; uniform float dispFactor; uniform float effectFactor; void main() { vec2 uv = vUv; vec4 disp = texture2D(disp, uv); vec2 distortedPosition = vec2(uv.x + dispFactor * (disp.reffectFactor), uv.y); vec2 distortedPosition2 = vec2(uv.x - (1.0 - dispFactor) (disp.reffectFactor), uv.y); vec4 _texture = texture2D(texture, distortedPosition); vec4 _texture2 = texture2D(texture2, distortedPosition2); vec4 finalTexture = mix(_texture, _texture2, dispFactor); gl_FragColor = finalTexture; } </script> <script id="slider-textures-vertical-fs" type="x-shader/x-fragment"> varying vec2 vUv; uniform sampler2D texture; uniform sampler2D texture2; uniform sampler2D disp; uniform float dispFactor; uniform float effectFactor; void main() { vec2 uv = vUv; vec4 disp = texture2D(disp, uv); vec2 distortedPosition = vec2(uv.x, uv.y - dispFactor (disp.reffectFactor)); vec2 distortedPosition2 = vec2(uv.x, uv.y + (1.0 - dispFactor) (disp.r*effectFactor)); vec4 _texture = texture2D(texture, distortedPosition); vec4 _texture2 = texture2D(texture2, distortedPosition2); vec4 finalTexture = mix(_texture, _texture2, dispFactor); gl_FragColor = finalTexture; } </script> <!-- - Slider Textures Shaders --> <!-- VENDOR SCRIPTS --> <script src="js/vendor.js"></script> <!-- - VENDOR SCRIPTS --> <!-- COMPONENTS --> <script src="js/components.js"></script> <!-- - COMPONENTS --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBwR_TrF6h7-pMxkKv_q2t8BXX3w6QuFOc" async></script> <style> .header_sticky { padding-top: 0px; padding-bottom: 0px;} .newhead .header__controls{ display: none; } .menu_img { margin-left: auto; text-align: right; opacity: 0; visibility: hidden; transform: translate(0px, -100%); transition: 0.1s; position: fixed; right: 0px; top: 144px; } .opened .menu_img{ opacity: 1; transform: translate(0px, 0%); visibility: visible; transition: 0.1s; } .menu_img img { width: auto; max-height: 230px; margin-bottom: 18%; } .header_sticky{ position: static !important; } @media (max-width: 991px){ .menu_img { display: none; } } </style> <script> $(window).scroll(function(){ if ($(this).scrollTop() > 50) { $('#page-header').addClass('newhead'); } else { $('#page-header').removeClass('newhead'); } }); </script> </body> </html>

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