File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/grandvatikaresort.in/index1.php
Back
<!DOCTYPE html> <html lang="en"> <head> <!-- set the encoding of your site --> <meta charset="utf-8"> <!-- set the viewport width and initial-scale on mobile devices --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Grand Vatika Resort</title> <link rel="shortcut icon" href="images/gallery/favicon.png" type="image/x-icon"/> <!-- include the site stylesheets --> <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> <link rel="stylesheet" href="css/colors.css" type="text/css" media="all"> <link rel="stylesheet" href="css/jquery.countdown.css" type="text/css"> <link rel="stylesheet" href="css/animations.min.css" type="text/css" media="all"> <link rel="stylesheet" href="css/datepicker.css" type="text/css" media="all"> <!-- Bootstrap Dropdown Hover CSS --> <link rel="stylesheet" href="css/animate.min.css" type="text/css" media="all"> <link rel="stylesheet" href="css/bootstrap-dropdownhover.min.css" type="text/css" media="all"> <!-- Fonts CSS --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400italic,700" type="text/css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" type="text/css"> <!-- Range slider CSS --> <link rel="stylesheet prefetch" href="css/jquery-ui.css" type="text/css"> <!-- flex slider CSS --> <link rel="stylesheet" href="css/flexslider.css" type="text/css"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .texxt { height: 290px; } @media only screen and (max-width: 767px) { .texxt { height: 422px; } } .texxt h1, h2, h3, h4, h5, h6{margin: 17px 0 !important;} .txtbg2 { font-size: 54px; background-color: #856143; margin: 2px 51px 0 0; padding: 0 19px 7px 40px; color: #fff; border-radius: 10px; } @media only screen and (max-width: 767px) { .txtbg2 { font-size: 48px; background-color: #856143; margin: 2px 2px 0 0; padding: 0 13px 5px 52px; color: #fff; border-radius: 10px; } } @media only screen and (min-width: 992px) and (max-width: 1199px){ .txtbg2 { font-size: 42px; background-color: #856143; margin: 2px 0px 0 0; padding: 0 19px 7px 63px; color: #fff; border-radius: 10px; } } p { color: #fff; font-size: 18px; line-height: 27px; text-align: justify; } .txt{color:#fff;text-align:justify;} .txt3 { color: #2F4F4F; font-size: 16px; line-height: 27px; text-align: justify; } @media only screen and (max-width: 767px) { .txt3{ color: #000; font-size: 13px; line-height: 27px; text-align: justify; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .txt3 { font-size: 16px; } } .about .box { padding: 0px !important; } h4.facilities { background-color: #856143; color: #fff; padding: 6px; border-radius: 10px; text-align: center; } .image-frame { margin: 10px; } @media only screen and (max-width: 767px) { .image-frame { margin: 0px; } } a.btn.btn-default.facility { margin-top: 28px; } section.news.b-padding { background: #f7e4b4; } section.about.about2.b-padding { background-image: url(images/gallery/facility-bg.jpg); } ::placeholder{color:#fff;} .luxury{list-style-type: none;line-height: 48px;color: #2F4F4F;font-size: 12px;} @media only screen and (max-width: 767px) { .luxury { list-style-type: none; line-height: 43px; color: #000; font-size: 13px; } } @media only screen and (min-width: 992px) and (max-width: 1199px){ .luxury { list-style-type: none; line-height: 48px; color: #000; font-size: 13px; } } .accommbg{color:#000;} .image-gallery .carousel-control { opacity: 1; margin: -26px -58px 57px !important; background: rgba(249, 246, 241, 0.06)!important; } .buttbg{margin-top: 17px;} .catbg{font-size: 20px; color: #000; font-weight: 500;} .carousel .description { z-index: 9; color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media only screen and (max-width: 767px) { .carousel .description { z-index: 9; color: #fff; position: absolute; top: 27px; right: 0; bottom: 0; left: 0; } } .btn-default1 { text-transform: uppercase; padding: 8px 20px; font: 400 16px/18px "Lora", Arial, helvetica, sans-serif; background-color: #856143; color: #fff; } @media only screen and (max-width: 767px) { .btn-default1 { text-transform: uppercase; padding: 8px 20px; margin: 0px 3px 6px; font: 400 16px/18px "Lora", Arial, helvetica, sans-serif; background-color: #856143; color: #fff !important; } } body { background-color: #856143; } </style> <style> .mySlides1 {display:none;} .mySlides2 {display:none;} .mySlides3 {display:none;} .mySlides4 {display:none;} .mySlides5 {display:none;} .mySlides6 {display:none;} .mySlides7 {display:none;} .mySlides8 {display:none;} .mySlides9 {display:none;} .groupBg { border: 1px solid #000; padding: 23px 15px; width: 100%; margin: 0 7px; min-height: 324px; background: #fff; border-radius: 11px; margin-bottom: 40px; height: 563px !important;} p.stayBg { color: #000; } @media only screen and (max-width: 767px) { .groupBg { border: 1px solid #000; padding: 23px 15px; width: 100%; margin: 0 7px; min-height: 324px; background: #fff; border-radius: 11px; margin-bottom: 40px; height: 684px !important; } } .groupBg1 { border: 1px solid #000; padding: 23px 15px; width: 100%; margin: 0 7px; min-height: 324px; background: #fff; border-radius: 11px; margin-bottom: 40px; height: 438px !important;} p.stayBg { color: #2F4F4F; } </style> </head> <body> <!-- main container of all the page elements --> <div id="wrapper"> <!--Begin:Header section--> <?php include 'include/header.php'; ?> <!--End Header section--> <!-- carousel --> <div id="carousel-example-generic1" class="carousel slide" data-ride="carousel"> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>family vacation</span></h1>--> </div> </div> </div> </div> <img src="images/gallery/slide-1.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1>--> </div> </div> </div> </div> <img src="images/gallery/slide-2.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1>--> </div> </div> </div> </div> <img src="images/gallery/slide-9.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1> --> </div> </div> </div> </div> <img src="images/gallery/slide-3.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1> --> </div> </div> </div> </div> <img src="images/gallery/slide-4.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1>--> </div> </div> </div> </div> <img src="images/gallery/slide-5.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1>--> </div> </div> </div> </div> <img src="images/gallery/slide-6.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1>--> </div> </div> </div> </div> <img src="images/gallery/slide-7.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1>--> </div> </div> </div> </div> <img src="images/gallery/slide-8.jpg" alt="image description"> </div> <div class="item"> <div class="description"> <div class="container"> <div class="row"> <div class="col-xs-12"> <!--<h1><em>reserve a room for</em><br class="hidden-xs"> <span>relax yourself</span></h1>--> </div> </div> </div> </div> <img src="images/gallery/slide-10.jpg" alt="image description"> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#carousel-example-generic1" role="button" data-slide="prev"></a> <a class="right carousel-control" href="#carousel-example-generic1" role="button" data-slide="next"></a> </div> <!-- reservation-bar --> <div class="reservation-bar"> <div class="container-fluid"> <div class="row"> <form action="https://www.asiatech.in/booking_engine/index3.php?token=MjgxMg==" method="post"target="_blank"> <div class="col-md-4 col-sm-12"> <div class="row"> <div class="col-sm-6"> <div class="input-append date" id="dpd1" data-date="Check In" data-date-format="dd-mm-yyyy"> <input class="form-control" size="16" type="text" value="Arrive date"> <span class="icon-calendar"></span> </div> </div> <div class="col-sm-6"> <div class="input-append date" id="dpd2" data-date="Check Out" data-date-format="dd-mm-yyyy"> <input class="form-control" size="16" type="text" value="Departure date"> <span class="icon-calendar"></span> </div> </div> </div> </div> <div class="col-md-8 col-sm-12"> <div class="row"> <div class="col-sm-2"> <div class="form-group"> <div class="fake-select"> <select> <option value="Adult" selected>Adult</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> </div> <div class="col-sm-2"> <div class="form-group"> <div class="fake-select"> <select> <option value="children" selected>Child</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </div> </div> <div class="col-sm-2"> <div class="form-group"> <div class="fake-select"> <select> <option value="children age" selected>Child Age</option> <option>>12Yrs</option> <option><12Yrs</option> </select> </div> </div> </div> <div class="col-sm-2"> <div class="form-group"> <div class="fake-select"> <select> <option value="Room" selected>Chalet</option> <option>Pool View Deluxe Chalet</option> <option>Garden View Deluxe Chalet</option> <option>Deluxe Chalet</option> <option>Hill View Deluxe Chalet with Private Terrace</option> <option>Hill View Deluxe Chalet with External Bathroom </option> <option>Luxurious Wooden Cottage with Valley View </option> <option>Luxurious Wooden Suite Room </option> <option>Luxurious Wooden Executive Cottage</option> </select> </div> </div> </div> <div class="col-sm-4"> <input type="submit" class="btn btn-default" value="check availability"> </div> </div> </div> </form> </div> </div> </div> <!-- contain main informative part of the site --> <main id="main"> <!-- restaurant --> <section class="#" style="background-color: #f7e4b4;"> <div class="container add-padding"> <div class="row"> <div class="col-sm-4 animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class=""> <h4 class="txtbg2">overview</h4> </div> </div> <div class="col-sm-8 text-block pull-right animate" data-anim-type="fadeInUp" data-anim-delay="600"> <div class="#"> <p class="txt3">Grand Vatika Resort is dedicated and endeavors towards “Bringing A Smile on your face…” by offering a comfortable, relaxing and peaceful stay in Natural Wooden Chalets at the top of hill in fresh air and dense natural green environment </p> </div> </div> </div> </div> </section> <section class="about b-padding" style="background-color: #fff;"> <div class="container"> <div class="row"> <header class="header col-xs-12 g-padding"> <h1>the luxury experience</h1> </header> </div> <div class="row"> <div class="col-sm-4 animate" data-anim-type="fadeInUp" data-anim-delay="300"> <video width="100%;" loop autoplay muted controls controlsList="nodownload"> <source src="video/video1.mp4" type="video/mp4"> </video> </div> <div class="col-sm-5 animate" data-anim-type="fadeInUp" data-anim-delay="300"> <video width="100%;" loop autoplay muted controls controlsList="nodownload"> <source src="video/1.mp4" type="video/mp4"> </video> </div> <div class="col-sm-3 animate" data-anim-type="fadeInUp" data-anim-delay="600"> <ul class="luxury"> <li><span><i class="fa fa-snowflake-o" aria-hidden="true"></i></span> Luxurious & Comfortable Chalets</li> <li><span><i class="fa fa-snowflake-o" aria-hidden="true"></i></span> Luscious Dining</li> <li><span><i class="fa fa-snowflake-o" aria-hidden="true"></i></span> Spacious Meeting & Event Hall</li> <li><span><i class="fa fa-snowflake-o" aria-hidden="true"></i></span> Outsized Swimming Pool</li> <li><span><i class="fa fa-snowflake-o" aria-hidden="true"></i></span> Modern Gym</li> <li><span><i class="fa fa-snowflake-o" aria-hidden="true"></i></span> Library</li> <li><span><i class="fa fa-snowflake-o" aria-hidden="true"></i></span> Tobo the Spa</li> </ul> </div> </div> </div> </section> <!-- gallery-block --> <section class="gallery-block b-padding" style="background-color: #f7e4b4;"> <div class="container"> <div class="row"> <header class="col-xs-12"> <h1>STAY</h1> </header> </div> <div class="row"> <div class="col-xs-12"> <div class="col-xs-12 col-md-4"> <div class="groupBg"> <a href="pool-view.php"> <img src="images/gallery/pool-view1.jpg"> </a> <center class="buttbg"> <div class="texxt"> <h2 class="catbg">Pool View Deluxe Chalet</h2> <p class="stayBg">Pool View Deluxe Chalet are spacious and luxurious. These chalet are near to Swimming Pool. Big size balcony of the chalet with a Pool View are perfect for chill out with exotic drinks and luscious food. </p> </div> <div class="but-on"> <a href="pool-view.php" class="btn btn-default1">Read More</a> <a href="https://www.asiatech.in/booking_engine/index3.php?token=MjgxMg==" target="_blank" class="btn btn-default1">Book Online</a><br> </div> </center> </div> </div> <div class="col-xs-12 col-md-4"> <div class="groupBg"> <a href="garden-view.php"> <img src="images/gallery/garden-view1.jpg"> </a> <center class="buttbg1"> <div class="texxt"> <h2 class="catbg">Garden View Deluxe Chalet</h2> <p class="stayBg">Garden View Deluxe Chalet are for those who love to live in nature with green surroundings. These chalet are in front of large lush green garden with a grand size balcony perfect for sit out and relaxation. You may experience Good Morning wake up by soothing chirping of birds. </p> </div> <div class="but-on"> <a href="garden-view.php" class="btn btn-default1">Read More</a> <a href="https://www.asiatech.in/booking_engine/index3.php?token=MjgxMg==" target="_blank" class="btn btn-default1">Book Online</a> </div> </center> </div> </div> <div class="col-xs-12 col-md-4"> <div class="groupBg"> <a href="deluxe-chalet.php"> <img src="images/gallery/deluxe-chalet1.jpg"> </a> <center class="buttbg"> <div class="texxt"> <h2 class="catbg">Deluxe Chalet</h2></a> <p class="stayBg">Deluxe Chalet are spacious and luxurious. These Chalet are well–appointed and with a feel of home comfort. These Chalet are absolute for calm and peaceful stay. </p> </div> <div class="but-on"> <a href="deluxe-chalet.php" class="btn btn-default1">Read More</a> <a href="https://www.asiatech.in/booking_engine/index3.php?token=MjgxMg==" target="_blank" class="btn btn-default1">Book Online</a> </div> </center> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-md-offset-2"> <div class="col-xs-12 col-md-4"> <div class="groupBg"> <a href="private.php"> <img src="images/gallery/hill-view-private1.jpg"> </a> <center class="buttbg"> <div class="texxt"> <h2 class="catbg">Hill View Deluxe Chalet with Private Terrace</h2></a> <p class="stayBg">Exquisitely designed one Chalet with large private deck sit out at second floor gives mesmerizing boundless view of the lush green hills. Stunning view of Sun rise and Sun Set is the charm of this Chalet. It is perfect for honeymoon couples to enjoy life long memorable romantic moments. </p> </div> <div class="but-on"> <a href="private.php" class="btn btn-default1">Read More</a> <a href="https://www.asiatech.in/booking_engine/index3.php?token=MjgxMg==" target="_blank" class="btn btn-default1">Book Online</a> </div> </center> </div> </div> <div class="col-xs-12 col-md-4"> <div class="groupBg"> <a href="external.php"> <img src="images/gallery/hill-view-external1.jpg"> </a> <center class="buttbg"> <div class="texxt"> <h2 class="catbg">Hill View Deluxe Chalet with External Bathroom</h2></a> <p class="stayBg">This Chalet is with large private deck at second floor gives fascinating vast view of lush green hills. Adorned with all luxurious amenities and offers privacy for a cool and romantic stay. </p> </div> <div class="but-on"> <a href="external.php" class="btn btn-default1">Read More</a> <a href="https://www.asiatech.in/booking_engine/index3.php?token=MjgxMg==" target="_blank" class="btn btn-default1">Book Online</a> </div> </div> </div> </div> </div> </section> <!-- about --> <section class="about about2 b-padding"> <div class="container-fluid"> <div class="row"> <header class="header col-xs-12 g-padding"> <h1>facilities</h1> </header> </div> <div class="row"> <div class="col-sm-3 animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class="groupBg1"> <div class="w3-content w3-section" style="max-width:500px"> <a href="facility.php"> <img class="mySlides1" src="images/gallery/swimming-1.jpg" style="width:100%"> <img class="mySlides1" src="images/gallery/swimming-2.jpg" style="width:100%"> <img class="mySlides1" src="images/gallery/swimming-3.jpg" style="width:100%"> <img class="mySlides1" src="images/gallery/swimming-4.jpg" style="width:100%"> <img class="mySlides1" src="images/gallery/swimming-6.jpg" style="width:100%"> <img class="mySlides1" src="images/gallery/swimming-7.jpg" style="width:100%"> </a> </div> <h4 class="facilities"><a href="facility.php">Swimming Pool</a></h4> <p class="stayBg">Our Olympic sized “Swimming Pool” is ideal for those who want to take time to swim at a leisurely pace.</p> <script> var myIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("mySlides1"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel, 1000); // Change image every 2 seconds } </script> </div> </div> <div class="col-sm-3 animate" data-anim-type="fadeInUp" data-anim-delay="600"> <div class="groupBg1"> <div class="w3-content w3-section" style="max-width:500px"> <a href="facility.php"> <img class="mySlides2" src="images/gallery/gym1.jpg" style="width:100%"> <img class="mySlides2" src="images/gallery/gym2.jpg" style="width:100%"> <!--<img class="mySlides2" src="images/gallery/gym3.jpg" style="width:100%"> <img class="mySlides2" src="images/gallery/gym4.jpg" style="width:100%">--> </a> </div> <h4 class="facilities"><a href="facility.php">Gym</a></h4> <p class="stayBg">We have “Gym” facility with latest equipment for our residents who also may pursue their physical fitness activities during relaxing holidays.</p> <script> var myIndex2 = 0; carousel2(); function carousel2() { var i2; var x2 = document.getElementsByClassName("mySlides2"); for (i2 = 0; i2 < x2.length; i2++) { x2[i2].style.display = "none"; } myIndex2++; if (myIndex2 > x2.length) {myIndex2 = 1} x2[myIndex2-1].style.display = "block"; setTimeout(carousel2, 1000); // Change image every 2 seconds } </script> </div> </div> <div class="col-sm-3 animate" data-anim-type="fadeInUp" data-anim-delay="900"> <div class="groupBg1"> <div class="w3-content w3-section" style="max-width:500px"> <a href="facility.php"> <img class="mySlides3" src="images/gallery/arambol-beach5.jpg" style="width:100%"> <img class="mySlides3" src="images/gallery/arambol-beach4.jpg" style="width:100%"> <img class="mySlides3" src="images/gallery/arambol-beach3.jpg" style="width:100%"> <img class="mySlides3" src="images/gallery/arambol-beach2.jpg" style="width:100%" <img class="mySlides3" src="images/gallery/arambol-beach1.jpg" style="width:100%"> </a> </div> <h4 class="facilities"><a href="facility.php">Arambol Beach</a></h4> <p class="stayBg">Hassle free exploring new locations of Goa with relaxed and comfortable itinerary.</p> <script> var myIndex3 = 0; carousel3(); function carousel3() { var i3; var x3 = document.getElementsByClassName("mySlides3"); for (i3 = 0; i3 < x3.length; i3++) { x3[i3].style.display = "none"; } myIndex3++; if (myIndex3 > x3.length) {myIndex3 = 1} x3[myIndex3-1].style.display = "block"; setTimeout(carousel3, 1000); // Change image every 2 seconds } </script> </div> </div> <div class="col-sm-3 animate" data-anim-type="fadeInUp" data-anim-delay="900"> <div class="groupBg1"> <div class="w3-content w3-section" style="max-width:500px"> <a href="facility.php"> <img class="mySlides4" src="images/gallery/bike-car-rent1.jpg" style="width:100%"> <!--<img class="mySlides4" src="images/gallery/bike-car-rent2.jpg" style="width:100%">--> <img class="mySlides4" src="images/gallery/bike-car-rent3.jpg" style="width:100%"> <img class="mySlides4" src="images/gallery/bike-car-rent4.jpg" style="width:100%"> </a> </div> <h4 class="facilities"><a href="facility.php">Bikes & Cars on rent</a></h4> <p class="stayBg">Bikes and Cars are arranged on hire to discover Goa.</p> <script> var myIndex4 = 0; carousel4(); function carousel4() { var i4; var x4 = document.getElementsByClassName("mySlides4"); for (i4 = 0; i4 < x4.length; i4++) { x4[i4].style.display = "none"; } myIndex4++; if (myIndex4 > x4.length) {myIndex4 = 1} x4[myIndex4-1].style.display = "block"; setTimeout(carousel4, 1000); // Change image every 2 seconds } </script> </div> </div> </div> </div> </section> <!-- conference room --> <section class="rooms-section add-padding" style="background-color:#fff;"> <div class="container"> <div class="row"> <header class="col-md-10 col-sm-12 col-md-offset-1 col-sm-offset-0 header"> <h1>Gallery</h1> </header> </div> <div class="row"> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gal1.jpg" class="fancybox magnify"></a> </div> <img src="images/gallery/gal1.jpg" alt="image description"> </div> </article> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="600"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gal2.jpg" class="fancybox magnify"></a> </div> <img src="images/gallery/gal2.jpg" alt="image description"> </div> </article> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="900"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gal3.jpg" class="fancybox magnify" ></a> </div> <img src="images/gallery/gal3.jpg" alt="image description"> </div> </article> </div> <div class="row"> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gallery/gal4.jpg" class="fancybox magnify"></a> </div> <img src="images/gallery/gallery/gal4.jpg" alt="image description"> </div> </article> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gallery/gal5.jpg" class="fancybox magnify"></a> </div> <img src="images/gallery/gallery/gal5.jpg" alt="image description"> </div> </article> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gallery/gal6.jpg" class="fancybox magnify"></a> </div> <img src="images/gallery/gallery/gal6.jpg" alt="image description"> </div> </article> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gallery/gal7.jpg" class="fancybox magnify"></a> </div> <img src="images/gallery/gallery/gal7.jpg" alt="image description"> </div> </article> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gallery/gal46.jpg" class="fancybox magnify"></a> </div> <img src="images/gallery/gallery/gal46.jpg" alt="image description"> </div> </article> <article class="col-sm-4 info-block animate" data-anim-type="fadeInUp" data-anim-delay="300"> <div class="image-frame"> <div class="info-frame"> <a href="images/gallery/gallery/gal8.jpg" class="fancybox magnify"></a> </div> <img src="images/gallery/gallery/gal8.jpg" alt="image description"> </div> </article> </div> <br> <center><a href="gallery.php" class="btn btn-default1">View more</a></center> </div> </section> </main> <!--Begin:Footer section--> <?php include 'include/footer.php'; ?> <!--End Footer section--> </div> <script> var myIndex = 0; carousel5(); function carousel5() { var i; var x = document.getElementsByClassName("mySlides5"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel5, 2000); // Change image every 2 seconds } </script> <script> var myIndex = 0; carousel6(); function carousel6() { var i; var x = document.getElementsByClassName("mySlides6"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel6, 2000); // Change image every 2 seconds } </script> <script> var myIndex = 0; carousel7(); function carousel7() { var i; var x = document.getElementsByClassName("mySlides7"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel7, 2000); // Change image every 2 seconds } </script> <script> var myIndex = 0; carousel8(); function carousel8() { var i; var x = document.getElementsByClassName("mySlides8"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel8, 2000); // Change image every 2 seconds } </script> <script> var myIndex = 0; carousel9(); function carousel9() { var i; var x = document.getElementsByClassName("mySlides9"); for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } myIndex++; if (myIndex > x.length) {myIndex = 1} x[myIndex-1].style.display = "block"; setTimeout(carousel9, 2000); // Change image every 2 seconds } </script> <!-- include jQuery library --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.2.min.js"><\/script>')</script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- Range Slider JavaScript --> <script type="text/javascript" src='js/jquery-ui.min.js'></script> <script type="text/javascript" src='js/range-slider.js'></script> <!-- Same Height JavaScript --> <script type="text/javascript" src='js/same-height.js'></script> <!-- include custom JavaScript --> <script type="text/javascript" src="js/jquery.main.js"></script> <script type="text/javascript" src="js/animations.min.js"></script> <script type="text/javascript" src="js/jquery.plugin.js"></script> <script type="text/javascript" src="js/jquery.countdown.js"></script> <script type="text/javascript" src="js/timber.master.min.js"></script> <!-- Bootstrap Dropdown Hover JS --> <script type="text/javascript" src="js/bootstrap-dropdownhover.min.js"></script> <script type="text/javascript" src="js/bootstrap-datepicker.js"></script> <script type="text/javascript" defer src="js/jquery.flexslider.js"></script> <script type="text/javascript" src="js/myscript.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings