File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/grandvatikaresort.in/ball-room.php
Back
<!DOCTYPE html> <html> <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>Ball Room | 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://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body { background-color: #856143; } .txt{color: #2F4F4F;margin-top: 67px;font-size: 18px;line-height: 37px;} @media only screen and (max-width: 767px) { .txt { padding: 10px; } } .description-block [class^="col-"] { float: left !important; } </style> <style> .mySlides {display: none} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } .fade { opacity: 1 !important; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); } /* Caption text */ .text { color: #99da3a; font-size: 29px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; text-shadow: 1px 1px #000; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { <!--background-color: #717171;--> } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: .4s; animation-name: fade; animation-duration: .4s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px} } </style> </head> <body> <!-- main container of all the page elements --> <div id="wrapper"> <!--Begin:Header section--> <?php include 'include/header.php'; ?> <!--End Header section--> <!-- banner --> <div class="banner"><img src="images/gallery/banner1.jpg" alt="banner"></div> <!-- Navigation --> <div class="navigation-bar"> <div class="container"> <div class="row"> <div class="col-xs-7"> <ol class="breadcrumb"> <li><a href="index.php ">Home</a></li> <li class="active">Ball Room </li> </ol> </div> <div class="col-xs-5"> <a href="https://www.asiatech.in/booking_engine/index3.php?token=MjgxMg==" target="_blank" class="link">book a room</a> </div> </div> </div> </div> <!-- contain main informative part of the site --> <main id="main"> <!-- Room details --> <section class="room-details gen-padding" style="background-color:#fff;"> <div class="container"> <div class="row"> <header class="header col-xs-12 g-padding"> <h1>Ball Room </h1> <!--<p class="txt">Our state of art an air conditioned Ball Room of floor size 1,050 sqft (L 47' x W 22' x H 10') area with a comfortable theatre style sitting capacity of 100 pax along with a stage. It is designed with an elegant look and best suited for the Corporate off sites, Award ceremonies Meetings, Trainings, Conferences, as well as Social Events i.e Ring Ceremonies, Wedding Anniversaries, Reunion, Private Cocktail parties etc.. </p>--> </header> </div> <div class="row"> <div class="col-sm-6"> <div class="slideshow-container"> <p class="txt">Our state of art an air conditioned Ball Room of floor size 1,050 sqft (L 47' x W 22' x H 10') area with a comfortable theatre style sitting capacity of 100 pax along with a stage. It is designed with an elegant look and best suited for the Corporate off sites, Award ceremonies Meetings, Trainings, Conferences, as well as Social Events i.e Ring Ceremonies, Wedding Anniversaries, Reunion, Private Cocktail parties etc.. </p> <!--<a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a>--> </div> <br> <script> var slideIndex = 1; showSlides(slideIndex); function plusSlides(n) { showSlides(slideIndex += n); } function currentSlide(n) { showSlides(slideIndex = n); } function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides1"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active"; } </script> <!--<div id="flex-slider" class="flexslider"> <ul class="slides"> <li> <img src="images/gallery/dine1.jpg" alt="image description"> </li> <li> <img src="images/gallery/dine2.jpg" alt="image description"> </li> <li> <img src="images/gallery/dine3.jpg" alt="image description"> </li> <li> <img src="images/gallery/dine4.jpg" alt="image description"> </li> <li> <img src="images/gallery/dine5.jpg" alt="image description"> </li> <li> <img src="images/gallery/dine6.jpg" alt="image description"> </li> <li> <img src="images/gallery/dine7.jpg" alt="image description"> </li> <li> <img src="images/gallery/dine8.jpg" alt="image description"> </li> <li> <img src="images/gallery/dine9.jpg" alt="image description"> </li> </ul> </div>--> </div> <div class="col-sm-6"> <div class="slideshow-container"> <div class="mySlides2 fade"> <!--<div class="numbertext">1 / 3</div>--> <img src="images/gallery/ball-room-1.jpg" style="width:100%"> <!-- <div class="text">Ball Room</div> --> </div> <!--<a class="prev" onclick="plusSlides0(-1)">❮</a> <a class="next" onclick="plusSlides0(1)">❯</a>--> </div> <script> var slideIndex0 = 1; showSlides0(slideIndex0); function plusSlides0(n) { showSlides0(slideIndex0 += n); } function currentSlide0(n) { showSlides0(slideIndex0 = n); } function showSlides0(n) { var i; var slides0 = document.getElementsByClassName("mySlides2"); var dots0 = document.getElementsByClassName("dot"); if (n > slides0.length) {slideIndex0 = 1} if (n < 1) {slideIndex0 = slides0.length} for (i = 0; i < slides0.length; i++) { slides0[i].style.display = "none"; } for (i = 0; i < dots0.length; i++) { dots0[i].className = dots0[i].className.replace(" active", ""); } slides0[slideIndex0-1].style.display = "block"; dots[slideIndex0-1].className += " active"; } </script> </div> </div> </div> </section> <!-- Description block --> </main> <!--Begin:Footer section--> <?php include 'include/footer.php'; ?> <!--End Footer section--> </div> <!-- 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