File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/housemlodge.com/gallery.php
Back
<!DOCTYPE html> <html lang="en-US" data-menu="centeralign3"> <head> <title>Gallery | House M Lodge </title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="format-detection" content="telephone=no" /> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'><link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="css/gallery-style.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/reset.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/wordpress.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/modulobox.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/themify-icons.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/tooltipster.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/demo.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/loftloader/assets/css/loftloader.minc3cd.css?ver=2020081301" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/elementor/assets/lib/animations/animations.min.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/elementor/assets/css/frontend-legacy.min.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/elementor/assets/css/frontend.min.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/hoteller-elementor/assets/css/swiper.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/hoteller-elementor/assets/css/animatedheadline.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/hoteller-elementor/assets/css/justifiedGallery.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/hoteller-elementor/assets/css/flickity.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/hoteller-elementor/assets/css/owl.theme.default.min.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/hoteller-elementor/assets/css/hoteller-elementor.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/hoteller-elementor/assets/css/hoteller-elementor-responsive.css" type="text/css" media="all" /> <link rel="stylesheet" href="js/plugins/elementor/assets/lib/font-awesome/css/font-awesome.min1849.css?ver=4.7.0" type="text/css" media="all" /> <link rel="stylesheet" href="css/responsive.css" type="text/css" media="all" /> <link rel="stylesheet" href="css/custom-css.css" type="text/css" media="all" /> <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=Yeseva+One&display=swap" rel="stylesheet"> <link rel="icon" href="upload/logo.png" sizes="32x32" /> <link rel="icon" href="upload/logo.png" sizes="192x192" /> <link rel="apple-touch-icon" href="upload/logo.png" /> <meta name="msapplication-TileImage" content="upload/TG-Thumb.png" /> <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=Gideon+Roman&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap" rel="stylesheet"> </head> <body data-rsssl="1" class="home page-template-default page page-id-902 tg_menu_transparent tg_lightbox_black tg_sidemenu_desktop leftalign loftloader-lite-enabled elementor-default elementor-kit-40 elementor-page elementor-page-902"> <div id="loftloader-wrapper" class="pl-imgloading" data-show-close-time="15000" data-max-load-time="0"> <div class="loader-inner"> <div id="loader"> <img data-no-lazy="1" class="skip-lazy" alt="loader image" src="upload/logo.png" style="width:40%;" /> </div> </div> <div class="loader-section section-fade"></div> <div class="loader-close-button" style="display: none;"><span class="screen-reader-text">Close</span></div> </div> <div id="perspective"> <input type="hidden" id="pp_menu_layout" name="pp_menu_layout" value="leftalign" /> <input type="hidden" id="pp_enable_right_click" name="pp_enable_right_click" value="" /> <input type="hidden" id="pp_enable_dragging" name="pp_enable_dragging" value="" /> <input type="hidden" id="pp_image_path" name="pp_image_path" value="https://themes.themegoods.com/hoteller/sites2/lodge/wp-content/themes/hoteller/images/" /> <input type="hidden" id="pp_homepage_url" name="pp_homepage_url" value="https://themes.themegoods.com/hoteller/sites2/lodge/" /> <input type="hidden" id="pp_fixed_menu" name="pp_fixed_menu" value="1" /> <input type="hidden" id="tg_sidebar_sticky" name="tg_sidebar_sticky" value="1" /> <input type="hidden" id="pp_topbar" name="pp_topbar" value="" /> <input type="hidden" id="post_client_column" name="post_client_column" value="4" /> <input type="hidden" id="pp_back" name="pp_back" value="Back" /> <input type="hidden" id="tg_lightbox_thumbnails" name="tg_lightbox_thumbnails" value="thumbnail" /> <input type="hidden" id="tg_lightbox_thumbnails_display" name="tg_lightbox_thumbnails_display" value="1" /> <input type="hidden" id="tg_lightbox_timer" name="tg_lightbox_timer" value="7000" /> <input type="hidden" id="tg_header_content" name="tg_header_content" value="content" /> <input type="hidden" id="tg_live_builder" name="tg_live_builder" value="0" /> <input type="hidden" id="pp_footer_style" name="pp_footer_style" value="4" /> <!-- Begin mobile menu --> <a id="close_mobile_menu" href="javascript:;"></a> <?php include'include/header.php'?> <!-- Begin content --> <div id="page_content_wrapper" class="noheader"> <div class="inner"> <!-- Begin main content --> <div class="inner_wrapper"> <div class="sidebar_content full_width"> <div data-elementor-type="wp-page" data-elementor-id="860" class="elementor elementor-860" data-elementor-settings="[]"> <div class="elementor-inner"> <div class="elementor-section-wrap"> <section class="elementor-section elementor-top-section elementor-element elementor-element-f7d05a0 elementor-section-stretched elementor-section-height-min-height elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="f7d05a0" data-element_type="section" data-settings='{"stretch_section":"section-stretched","background_background":"classic","hoteller_ext_is_background_on_scroll":"false"}' > <div class="elementor-background-overlay"></div> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-row"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b39195d" data-id="b39195d" data-element_type="column" data-settings='{"hoteller_ext_is_scrollme":"false","hoteller_ext_is_smoove":"false","hoteller_ext_is_parallax_mouse":"false","hoteller_ext_is_infinite":"false","hoteller_ext_is_fadeout_animation":"false"}' > <div class="elementor-column-wrap elementor-element-populated"> <div class="elementor-widget-wrap"> <div class="elementor-element elementor-element-0c8ac09 elementor-widget elementor-widget-hoteller-animated-text" data-id="0c8ac09" data-element_type="widget" data-settings='{"hoteller_ext_is_fadeout_animation":"true","hoteller_ext_is_fadeout_animation_velocity":{"unit":"px","size":0.40000000000000002220446049250313080847263336181640625,"sizes":[]},"hoteller_ext_is_scrollme":"false","hoteller_ext_is_smoove":"false","hoteller_ext_is_parallax_mouse":"false","hoteller_ext_is_infinite":"false","hoteller_ext_is_fadeout_animation_direction":"up"}' data-widget_type="hoteller-animated-text.default" > <div class="elementor-widget-container"> <div class="themegoods-animated-text text-alignment-center transition-bottom overflow-hidden" data-delimiter="word" data-transition="100" data-transition-delay="0" data-transition-duration="800" > <h1> Gallery </h1> </div> </div> </div> <div class="elementor-element elementor-element-ad8de44 elementor-absolute elementor-widget elementor-widget-image" data-id="ad8de44" data-element_type="widget" data-settings='{"_position":"absolute","hoteller_image_is_animation":"false","hoteller_ext_is_scrollme":"false","hoteller_ext_is_smoove":"false","hoteller_ext_is_parallax_mouse":"false","hoteller_ext_is_infinite":"false","hoteller_ext_is_fadeout_animation":"false"}' data-widget_type="image.default" > <div class="elementor-widget-container"> <div class="elementor-image"> <img width="90" height="89" src="upload/noun_leaf_1043119-1.png" class="attachment-full size-full" alt="" loading="lazy" /> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section id="gallery"> <div class="container"> <div id="image-gallery"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-8.jpg"> <img src="upload/gallery/gallery-8.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-9.jpg"> <img src="upload/gallery/gallery-9.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-10.jpg"> <img src="upload/gallery/gallery-10.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-11.jpg"> <img src="upload/gallery/gallery-11.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-12.jpg"> <img src="upload/gallery/gallery-12.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-13.jpg"> <img src="upload/gallery/gallery-13.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-14.jpg"> <img src="upload/gallery/gallery-14.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-15.jpg"> <img src="upload/gallery/gallery-15.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-16.jpg"> <img src="upload/gallery/gallery-16.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-17.jpg"> <img src="upload/gallery/gallery-17.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-18.jpg"> <img src="upload/gallery/gallery-18.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/gallery-19.jpg"> <img src="upload/gallery/gallery-19.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new1.jpg"> <img src="upload/gallery/new1.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <!--<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image">--> <!-- <div class="img-wrapper">--> <!-- <a href="upload/gallery/g3.jpg">--> <!-- <img src="upload/gallery/g3.jpg" class="img-responsive"></a>--> <!-- <div class="img-overlay">--> <!-- <i class="fa fa-plus-circle" aria-hidden="true"></i>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image">--> <!-- <div class="img-wrapper">--> <!-- <a href="upload/gallery/g6.jpg">--> <!--<img src="upload/gallery/g6.jpg" style="height:282px" class="img-responsive"></a>--> <!-- <div class="img-overlay">--> <!-- <i class="fa fa-plus-circle" aria-hidden="true"></i>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new2.jpg"> <img src="upload/gallery/new2.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new3.jpg"> <img src="upload/gallery/new3.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <!-- <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image">--> <!-- <div class="img-wrapper">--> <!-- <a href="upload/gallery/g9.jpg">--> <!--<img src="upload/gallery/g9.jpg" class="img-responsive"></a>--> <!-- <div class="img-overlay">--> <!-- <i class="fa fa-plus-circle" aria-hidden="true"></i>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image">--> <!-- <div class="img-wrapper">--> <!-- <a href="upload/gallery/g11.jpg">--> <!--<img src="upload/gallery/g11.jpg" class="img-responsive"></a>--> <!-- <div class="img-overlay">--> <!-- <i class="fa fa-plus-circle" aria-hidden="true"></i>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/g12.jpg"> <img src="upload/gallery/g12.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new4.jpg"> <img src="upload/gallery/new4.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <!-- <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image">--> <!-- <div class="img-wrapper">--> <!-- <a href="upload/gallery/g10.jpg">--> <!--<img src="upload/gallery/g10.jpg" class="img-responsive"></a>--> <!-- <div class="img-overlay">--> <!-- <i class="fa fa-plus-circle" aria-hidden="true"></i>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new5.jpg"> <img src="upload/gallery/new5.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <!-- <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image">--> <!-- <div class="img-wrapper">--> <!-- <a href="upload/gallery/g13.jpg">--> <!--<img src="upload/gallery/g13.jpg" class="img-responsive"></a>--> <!-- <div class="img-overlay">--> <!-- <i class="fa fa-plus-circle" aria-hidden="true"></i>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/newb1.jpg"> <img src="upload/gallery/newb1.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/newb2.jpg"> <img src="upload/gallery/newb2.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new6.jpg"> <img src="upload/gallery/new6.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new7.jpg"> <img src="upload/gallery/new7.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new8.jpg"> <img src="upload/gallery/new8.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new9.jpg"> <img src="upload/gallery/new9.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new10.jpg"> <img src="upload/gallery/new10.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new11.jpg"> <img src="upload/gallery/new11.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new12.jpg"> <img src="upload/gallery/new12.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new13.jpg"> <img src="upload/gallery/new13.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new14.jpg"> <img src="upload/gallery/new14.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new15.jpg"> <img src="upload/gallery/new15.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new16.jpg"> <img src="upload/gallery/new16.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new17.jpg"> <img src="upload/gallery/new17.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new18.jpg"> <img src="upload/gallery/new18.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new19.jpg"> <img src="upload/gallery/new19.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new20.jpg"> <img src="upload/gallery/new20.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new21.jpg"> <img src="upload/gallery/new21.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new22.jpg"> <img src="upload/gallery/new22.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new24.jpg"> <img src="upload/gallery/new24.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new23.jpg"> <img src="upload/gallery/new23.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/new26.jpg"> <img src="upload/gallery/new26.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/last.jpg"> <img src="upload/gallery/last.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 image"> <div class="img-wrapper"> <a href="upload/gallery/last2.jpg"> <img src="upload/gallery/last2.jpg" class="img-responsive"></a> <div class="img-overlay"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </div> </div> </div> </div><!-- End row --> </div><!-- End image gallery --> </div><!-- End container --> </section> </div> </div> </div> </div> </div> <!-- End main content --> </div> <br class="clear" /> </div> </div> <div id="footer_wrapper"> <div data-elementor-type="wp-post" data-elementor-id="248" class="elementor elementor-248" data-elementor-settings="[]"> <div class="elementor-inner"> <div class="elementor-section-wrap"> <?php include'include/footer.php'?> </div> </div> </div> </div> <a id="toTop" href="javascript:;"><span class="ti-angle-up"></span></a> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script> <script src="js/gallery-script.js"></script> <script type="text/javascript" src="js/jquery4a5f.js?ver=1.12.4-wp" id="jquery-core-js"></script> <script type="text/javascript" src="js/ui/core.min.js" id="jquery-ui-core-js"></script> <script type="text/javascript" src="js/ui/widget.min.js" id="jquery-ui-widget-js"></script> <script type="text/javascript" src="js/ui/mouse.min.js" id="jquery-ui-mouse-js"></script> <script type="text/javascript" src="js/ui/resizable.min.js" id="jquery-ui-resizable-js"></script> <script type="text/javascript" src="js/ui/draggable.min.js" id="jquery-ui-draggable-js"></script> <script type="text/javascript" src="js/ui/button.min.js" id="jquery-ui-button-js"></script> <script type="text/javascript" src="js/ui/position.min.js" id="jquery-ui-position-js"></script> <script type="text/javascript" src="js/ui/dialog.min.js" id="jquery-ui-dialog-js"></script> <script type="text/javascript" src="js/plugins/imagesloaded.mineda1.js?ver=4.1.4" id="imagesloaded-js"></script> <script type="text/javascript" src="js/plugins/masonry.min3a05.js?ver=4.2.2" id="masonry-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/jquery.lazy.js" id="lazy-js"></script> <script type="text/javascript" id="lazy-js-after"> jQuery(function ($) { jQuery("img.lazy").each(function () { var currentImg = jQuery(this); jQuery(this).Lazy({ onFinishedAll: function () { currentImg.parent("div.post_img_hover").removeClass("lazy"); currentImg.parent(".tg_gallery_lightbox").parent("div.gallery_grid_item").removeClass("lazy"); currentImg.parent("div.gallery_grid_item").removeClass("lazy"); }, }); }); }); </script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/modulobox.js" id="modulobox-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/jquery.parallax-scroll.js" id="parallax-scroll-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/jquery.smoove.js" id="smoove-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/parallax.js" id="parallax-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/jquery.blast.js" id="blast-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/jquery.visible.js" id="visible-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/jarallax.js" id="jarallax-js"></script> <script type="text/javascript" src="js/ui/effect.min.js" id="jquery-effects-core-js"></script> <script type="text/javascript" src="js/plugins/waypoints.min.js" id="waypoints-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/tilt.jquery.js" id="tilt-js"></script> <script type="text/javascript" src="js/plugins/jquery.stellar.min.js" id="stellar-js"></script> <script type="text/javascript" src="js/plugins/custom_plugins.js" id="hoteller-custom-plugins-js"></script> <script type="text/javascript" src="js/plugins/custom.js" id="hoteller-custom-script-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/jquery.sticky-kit.min.js" id="sticky-kit-js"></script> <script type="text/javascript" id="sticky-kit-js-after"> jQuery(function ($) { jQuery("#page_content_wrapper .sidebar_wrapper").stick_in_parent({ offset_top: 100, recalc_every: 1 }); if (jQuery(window).width() < 768 || is_touch_device()) { jQuery("#page_content_wrapper .sidebar_wrapper").trigger("sticky_kit:detach"); } }); </script> <script type="text/javascript" src="js/plugins/loftloader/assets/js/loftloader.minc3cd.js?ver=2020081301" id="loftloader-lite-front-main-js"></script> <script type="text/javascript" id="hoteller-elementor-js-extra"> /* <![CDATA[ */ var tgAjax = { ajaxurl: "#", ajax_nonce: "198d31930d" }; /* ]]> */ </script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/hoteller-elementor.js" id="hoteller-elementor-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/three.min.js" id="three-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/TweenMax.js" id="tweenmax-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/momentum-slider5697.js?ver=5.5.3" id="momentum-slider-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/hover.js" id="hover-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/owl.carousel.min5697.js?ver=5.5.3" id="owl-carousel-js"></script> <script type="text/javascript" src="js/plugins/hoteller-elementor/assets/js/flickity.pkgd.js" id="flickity-js"></script> <script type="text/javascript" src="js/plugins/jquery.cookie.js" id="hoteller-jquery-cookie-js"></script> <script type="text/javascript" src="js/plugins/jquery.tooltipster.min.js" id="tooltipster-js"></script> <script type="text/javascript" src="js/plugins/demo.js" id="hoteller-demo-js"></script> <script type="text/javascript" src="js/plugins/elementor/assets/js/frontend-modules.min.js" id="elementor-frontend-modules-js"></script> <script type="text/javascript" src="js/plugins/elementor/assets/lib/dialog/dialog.mina288.js?ver=4.8.1" id="elementor-dialog-js"></script> <script type="text/javascript" src="js/plugins/elementor/assets/lib/waypoints/waypoints.min05da.js?ver=4.0.2" id="elementor-waypoints-js"></script> <script type="text/javascript" src="js/plugins/elementor/assets/lib/swiper/swiper.min48f5.js?ver=5.3.6" id="swiper-js"></script> <script type="text/javascript" src="js/plugins/elementor/assets/lib/share-link/share-link.min.js" id="share-link-js"></script> <script type="text/javascript" id="elementor-frontend-js-before"> var elementorFrontendConfig = { environmentMode: { edit: false, wpPreview: false }, i18n: { shareOnFacebook: "Share on Facebook", shareOnTwitter: "Share on Twitter", pinIt: "Pin it", download: "Download", downloadImage: "Download image", fullscreen: "Fullscreen", zoom: "Zoom", share: "Share", playVideo: "Play Video", previous: "Previous", next: "Next", close: "Close", }, is_rtl: false, breakpoints: { xs: 0, sm: 480, md: 768, lg: 1025, xl: 1440, xxl: 1600 }, version: "3.0.4", is_static: false, legacyMode: { elementWrappers: true }, urls: { assets: "js//plugins//elementor//assets//" }, settings: { page: [], editorPreferences: [] }, kit: { global_image_lightbox: "yes", lightbox_enable_counter: "yes", lightbox_enable_fullscreen: "yes", lightbox_enable_zoom: "yes", lightbox_enable_share: "yes", lightbox_title_src: "title", lightbox_description_src: "description", }, post: { id: 662, title: "Hoteller%20%7C%20Luxury%20Hotel%20WordPress%20Theme%20%E2%80%93%20Just%20another%20WordPress%20site", excerpt: "", featuredImage: false }, }; </script> <script> function() { $(this).find(".img-overlay").animate({opacity: 1}, 600); }, function() { $(this).find(".img-overlay").animate({opacity: 0}, 600); } ); // Lightbox var $overlay = $('<div id="overlay"></div>'); var $image = $("<img>"); var $prevButton = $('<div id="prevButton"><i class="fa fa-chevron-left"></i></div>'); var $nextButton = $('<div id="nextButton"><i class="fa fa-chevron-right"></i></div>'); var $exitButton = $('<div id="exitButton"><i class="fa fa-times"></i></div>'); // Add overlay $overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton); $("#gallery").append($overlay); // Hide overlay on default $overlay.hide(); // When an image is clicked $(".img-overlay").click(function(event) { // Prevents default behavior event.preventDefault(); // Adds href attribute to variable var imageLocation = $(this).prev().attr("href"); // Add the image src to $image $image.attr("src", imageLocation); // Fade in the overlay $overlay.fadeIn("slow"); }); // When the overlay is clicked $overlay.click(function() { // Fade out the overlay $(this).fadeOut("slow"); }); // When next button is clicked $nextButton.click(function(event) { // Hide the current image $("#overlay img").hide(); // Overlay image location var $currentImgSrc = $("#overlay img").attr("src"); // Image with matching location of the overlay image var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]'); // Finds the next image var $nextImg = $($currentImg.closest(".image").next().find("img")); // All of the images in the gallery var $images = $("#image-gallery img"); // If there is a next image if ($nextImg.length > 0) { // Fade in the next image $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800); } else { // Otherwise fade in the first image $("#overlay img").attr("src", $($images[0]).attr("src")).fadeIn(800); } // Prevents overlay from being hidden event.stopPropagation(); }); // When previous button is clicked $prevButton.click(function(event) { // Hide the current image $("#overlay img").hide(); // Overlay image location var $currentImgSrc = $("#overlay img").attr("src"); // Image with matching location of the overlay image var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]'); // Finds the next image var $nextImg = $($currentImg.closest(".image").prev().find("img")); // Fade in the next image $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800); // Prevents overlay from being hidden event.stopPropagation(); }); // When the exit button is clicked $exitButton.click(function() { // Fade out the overlay $("#overlay").fadeOut("slow"); }); </script> <script type="text/javascript" src="js/plugins/elementor/assets/js/frontend.min.js" id="elementor-frontend-js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings