File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/leenaresort.com/suits.php
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="x-ua-compatible" content="ie=edge"/> <title>Suits Room | Leena Resort</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="DC.title" content="" /> <meta name="geo.region" content="IN" /> <meta name="geo.placename" content="" /> <meta name="geo.position" content="" /> <meta name="ICBM" content="" /> <meta name="author" content=""> <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" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <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"/> <!-- 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"/> <meta name="theme-color" content="#ffffff"/> <link rel="icon" type="image/x-icon" href="img/content/favicon.ico"/> </head> <body> <?php include("include/header.php");?> <!-- PAGE MAIN --> <div class="js-smooth-scroll bg-light-1" id="page-wrapper" data-barba="container"> <main class="page-wrapper__content"> <!-- section MASTHEAD FULLWIDTH BOTTOM --> <section class="section section-masthead pt-large text-center" data-arts-os-animation="data-arts-os-animation" data-background-color="var(--color-light-1)"> <div class="section-masthead__inner container-fluid"> <header class="row section-masthead__header justify-content-center"> <div class="col"> <div class="section-masthead__subheading small-caps mt-0 mb-1 mb-md-2 split-text js-split-text" data-split-text-type="lines,words" data-split-text-set="words"><span>STAY</span></div> <div class="w-100"></div> <div class="section-masthead__heading split-text js-split-text" data-split-text-type="lines,words" data-split-text-set="words"> <h1 class="h1 mt-0 mb-0">Suits Room</h1> </div> <div class="w-100"></div> <div class="section__headline mt-2 mx-auto"></div> </div> </header> </div> <div class="section-image section-masthead__background section section_h-900 mt-medium"> <div class="section-image__wrapper js-transition-img" data-arts-parallax="data-arts-parallax" data-arts-parallax-factor="0.15"> <div class="js-transition-img__transformed-el"> <div class="lazy-bg" data-src="img/room/room3.jpg"></div> </div> </div> </div> </section> <!-- - section MASTHEAD FULLWIDTH BOTTOM --> <!-- sections CONTENT & IMAGE #1 --> <div class="container-fluid no-gutters bg-light-1"> <div class="row no-gutters align-items-center"> <div class="col-lg-6"> <section class="section section-content clearfix pt-medium pb-medium container-fluid container-fluid_paddings" data-arts-os-animation="data-arts-os-animation"> <div class="section-content__inner"> <div class="w-100"></div> <div class="section__headline mb-1 mb-md-2"></div> <div class="w-100"></div> <div class="section-content__heading split-text js-split-text mb-1" data-split-text-type="lines,words" data-split-text-set="words"> <h2>SUITS ROOM </h2> </div> <div class="w-100"></div> <div class="section-content__text split-text js-split-text" data-split-text-type="lines" data-split-text-set="lines"> <p>Designed specially to pamper its guests, the suit rooms showcase a perfect blend of luxury in its accommodation with utmost security. The rooms bestow an elegant design combined with refined elegance and luxuriously appointed sleek accommodation. Tailor-made to meet the specific needs of the guests, the suit rooms offer accommodation that is more than just comfortable. From glorious touches in the room, with state- of -the art amenities and services to enhanced top-notch privacy – suit rooms ensure that the travellers feel pampered and secure. </p> </div> </div> </section> </div> <div class="col-lg-6"> <section class="section section-image section_h-800"> <div class="section-image__wrapper" data-arts-parallax="data-arts-parallax" data-arts-parallax-factor="0.15"> <div> <div class="lazy-bg" data-src="img/room/suits.jpg"></div> </div> </div> </section> </div> </div> </div> <!-- - sections CONTENT & IMAGE #1 --> <!-- sections CONTENT & IMAGE #2 --> <div class="container-fluid no-gutters bg-light-2"> <div class="row no-gutters align-items-center"> <div class="col-lg-6 order-lg-2"> <section class="section section-content clearfix pt-medium pb-medium container-fluid container-fluid_paddings" data-arts-os-animation="data-arts-os-animation"> <div class="section-content__inner"> <div class="w-100"></div> <div class="section__headline mb-1 mb-md-2"></div> <div class="w-100"></div> <div class="section-content__heading split-text js-split-text mb-1" data-split-text-type="lines,words" data-split-text-set="words"> <h2>ROOM AMENITIES</h2> </div> <div class="w-100"></div> <div class="section-content__text split-text js-split-text" data-split-text-type="lines" data-split-text-set="lines"> <p> </p> <ul> <li><i class="fa fa-check"></i>SPACIOUS DOUBLE BED AND QUAD SHARING ROOMS WITH LUXURY ROOM AMENITIES AND BATHROOM ACCESSORIES </li> <li><i class="fa fa-check"></i>MORE THAN 50,000 SQ FT LAWN AREA FOR PARTY PLOT AND CELEBRATIONS OF EVENTS</li> <li><i class="fa fa-check"></i>KIDS ZONE INCLUDES TRAMPOLINE SWINGS SLIDES AND MANY MORE</li> <li><i class="fa fa-check"></i>ACTIVITIES FOR ALL THE AGE GROUPS SUCH AS CRICKET BADMINTON VOLLEYBALL ARE AVAILABLE AT OUR PROPERTY</li> <li><i class="fa fa-check"></i>CAMPFIRE AND BONFIRE ACTIVITIES AVAILABLE IN LUSH GREEN LAWN AREA</li> <li><i class="fa fa-check"></i>KARAOKE AND MUSIC FACILITIES WILL BE AVAILABLE AS PER REQUIREMENT OF GUESTS</li> </ul> </div> </div> </section> </div> <div class="col-lg-6 order-lg-1 bg-white"> <div class="container-fluid container-fluid_paddings container_px-md-0"> <section class="section section-slider-images"> <div class="slider slider-images js-slider-images"> <!-- slider HEADER --> <div class="slider-images__header"> <div class="row no-gutters justify-content-between"> <div class="col-auto"> <div class="slider__counter slider__counter_mini"> <div class="js-slider__counter-current swiper-container"> <div class="swiper-wrapper"></div> </div> </div> </div> <div class="col-auto"> <div class="slider__total slider__total_mini js-slider__counter-total">I</div> </div> </div> </div> <!-- - slider HEADER --> <div class="swiper-container js-slider-images__slider" data-drag-mouse="true" data-drag-cursor="true" data-drag-class="slider-images_touched" data-auto-height="true" data-slides-per-view="1"> <div class="swiper-wrapper"> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide1.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide2.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide3.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide4.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide5.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide6.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide7.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide8.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide9.jpg" width="1280" height="1280" alt=""/></div> </div> </div> <div class="swiper-slide overflow d-flex-centered text-center"> <div class="w-100 h-100" data-swiper-parallax="10%" data-swiper-parallax-zoom="10%"> <div class="slider__zoom-container w-100 h-100"><img class="swiper-lazy" src="#" data-src="img/room/room-slide10.jpg" width="1280" height="1280" alt=""/></div> </div> </div> </div> </div> <!-- slider FOOTER --> <div class="slider-images__footer"> <div class="row no-gutters justify-content-center"> <div class="col-auto"> <!-- slider DOTS --> <div class="slider__dots js-slider__dots"> <div class="slider__dot slider__dot_active"> <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> <div class="slider__dot"> <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> <div class="slider__dot"> <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> <div class="slider__dot"> <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> </div> <!-- - slider DOTS --> </div> </div> </div> <!-- - slider FOOTER --> </div> </section> </div> </div> </div> </div> <!-- - sections CONTENT & IMAGE #2 --> <!-- section NAV PROJECTS --> <section class="container-fluid section section-nav-projects section-fullheight text-center" data-arts-os-animation="data-arts-os-animation"> <div class="section-fullheight__inner section-nav-projects__inner_actual"> <header class="section-nav-projects__header"><a class="section-nav-projects__link" href="deluxe.php" data-pjax-link="flyingImage"> <div class="section-nav-projects__subheading small-caps mb-1 mb-md-2">STAY </div> <h2 class="section-nav-projects__heading h1 mt-0 mb-0">Deluxe Room</h2></a></header> <div class="section-nav-projects__wrapper-scroll-down text-center"> <div class="circle-button js-circle-button"> <!-- curved label --> <div class="circle-button__outer"> <div class="circle-button__wrapper-label"> <div class="circle-button__label small-caps">Keep Scrolling</div> </div> </div> <!-- - curved label --> <!-- geometry wrapper --> <div class="circle-button__inner"> <div class="circle-button__circle" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true" data-arts-cursor-scale="0"> <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> <!-- browsers with touch support --> <div class="circle-button__icon circle-button__icon-touch"> <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"> <path d="m32 8c-1.104 0-2 .896-2 2v39.899l-14.552-15.278c-.761-.799-2.026-.832-2.828-.069-.8.762-.831 2.027-.069 2.827l16.62 17.449c.756.756 1.76 1.172 2.829 1.172 1.068 0 2.073-.416 2.862-1.207l16.586-17.414c.762-.8.73-2.065-.069-2.827-.799-.763-2.065-.731-2.827.069l-14.552 15.342v-39.963c0-1.104-.896-2-2-2z"></path> </svg> </div> <!-- - browsers with touch support --> <!-- browsers without touch support --> <div class="circle-button__icon circle-button__icon-mouse"> <svg class="svg-mouse" width="23px" height="35px" viewBox="0 0 23 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- border --> <path class="svg-mouse__border" d="M11.5,0 C5.15875132,0 0,5.23135343 0,11.6610111 L0,23.3396542 C0,29.7691456 5.15875132,35 11.5,35 C17.8412487,35 23,29.7693119 23,23.3396542 L23,11.6610111 C23,5.23135343 17.8410847,0 11.5,0 Z M21.7222404,23.3396542 C21.7222404,29.0545544 17.136538,33.7037222 11.5,33.7037222 C5.86346203,33.7037222 1.27775956,29.0545544 1.27775956,23.3396542 L1.27775956,11.6610111 C1.27775956,5.946111 5.86346203,1.29627781 11.5,1.29627781 C17.136538,1.29627781 21.7222404,5.94594466 21.7222404,11.6610111 L21.7222404,23.3396542 Z"></path> <!-- - border --> <!-- wheel --> <path class="svg-mouse__wheel" d="M11.5,4 C11.2238902,4 11,4.28321727 11,4.63321727 L11,10.3667827 C11,10.7167827 11.2238902,11 11.5,11 C11.7761098,11 12,10.7167827 12,10.3667827 L12,4.63321727 C11.9998717,4.28321727 11.7761098,4 11.5,4 Z"></path> <!-- - wheel --> </svg> </div> <!-- - browsers without touch support --> </div> <!-- - geometry wrapper --> </div> </div> </div> <div class="container section-nav-projects__next-image section-fullheight__inner"> <div class="section-nav-projects__wrapper-image js-transition-img overflow"> <div class="lazy js-transition-img__transformed-el"><img class="of-cover" src="deluxe.php" data-src="img/room/deluxe.jpg" alt="" width="1920" height="1280"/></div> </div> </div> <div class="section-fullheight__inner hidden"></div> </section> <!-- - section NAV PROJECTS --> </main> <!-- PAGE FOOTER --> <!-- 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.r*effectFactor), uv.y); vec2 distortedPosition2 = vec2(uv.x - (1.0 - dispFactor) * (disp.r*effectFactor), 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.r*effectFactor)); 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.05 |
proxy
|
phpinfo
|
Settings