<!DOCTYPE html>
<html lang="en">
<head>
<!--================ Basic page needs ================-->
<title>Araliya Gardens | Booking</title>
<meta charset="UTF-8">
<meta name="author" content="">
<meta name="description" content="Araliya Gardens, truly an amazing place located near beautiful city Hikkaduwa. Featuring free WiFi and a restaurant, Araliya Gardens offers accommodation in Hikkaduwa, 1.5 Km from the Hikkaduwa Beach. The guest house has a year-round outdoor pool and terrace, and guests can enjoy a meal at the restaurant. Free private parking is available on site.">
<meta name="keywords" content="araliya gardens, villa website contact numbers, contact villas websites in hikkaduwa, contact araliya gardens, araliya gardens contact, hikkaduwa villas, villas hikkaduwa">
<!--================ Mobile specific metas ================-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--================ Favicon ================-->
<link rel="shortcut icon" href="images/favicon.png">
<!--================ Google web fonts ================-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400i,700|Open+Sans:200,300,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i|Frank+Ruhl+Libre:500">
<!--================ Vendor CSS ================-->
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="css/milenia-icon-font.css">
<link rel="stylesheet" href="vendors/fancybox/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendors/arcticmodal/jquery.arcticmodal-0.3.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<!--================ Theme CSS ================-->
<link rel="stylesheet" href="css/style.css">
<link href="css/styles.css" rel="stylesheet" type="text/css"/>
<link href="contact-form/style.css" rel="stylesheet" type="text/css"/>
<!--================ Vendor JS ================-->
</head>
<body class="milenia-body--scheme-lightbrown milenia-body--border-layout">
<div class="milenia-preloader"></div>
<!--================ Hidden Sidebar ================--><span class="milenia-sidebar-hidden-overlay"></span>
<?php
include 'hidden-sidebar.php';
?>
<!--================ End of Hidden Sidebar ================-->
<div id="milenia-page-wrapper" class="milenia-page-wrapper">
<!--================ End of Search Modal ================-->
<!--================ Header ================-->
<?php
include 'header1.php';
?>
<!--================ End of Header ================-->
<!--================ Breadcrumb ================-->
<div data-bg-image-src="images/banner.jpg" class="milenia-breadcrumb text-center milenia-colorizer--scheme-dark">
<div class="container">
<h1 class="milenia-page-title">Booking</h1>
<nav class="milenia-breadcrumb-path"><span><a href="./">Home</a></span>/<span>Booking</span>
</nav>
</div>
</div>
<!--================ End of Breadcrumb ================-->
<div class="milenia-content milenia-content--no-pt ">
<div class="container">
<!--================ Section ================-->
<div class="milenia-section">
<div class="row">
<aside class="col log-8">
<h3>Enter Your Reservation Details</h3>
<hr/>
<div novalidate class="milenia-contact-form milenia-form--fields-white">
<div class="form-group">
<div class="col-md-6">
<label class="label-top">Your Name<span>*</span></label>
<input type="text" name="txtFullName" id="txtFullName" class="form-control input-validater">
<span id="spanFullName" ></span>
</div>
<div class="col-md-6">
<label class="label-top">Your Email<span>*</span></label>
<input type="text" name="txtEmail" id="txtEmail" class="form-control input-validater">
<span id="spanEmail" ></span>
</div>
</div>
<div class="form-group">
<div class="col-md-6">
<label class="label-top">Your Country<span>*</span></label>
<input type="text" name="txtCountry" id="txtCountry" class="form-control input-validater">
<span id="spanCountry" ></span>
</div>
<div class="col-md-6">
<label class="label-top">Your Contact No<span>*</span></label>
<input type="text" name="txtPhone" id="txtPhone" class="form-control input-validater">
<span id="txtPhone" ></span>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<label class="label-top">Subject<span>*</span></label>
<input type="text" value="Website Room Enquiry" name="txtSubject" id="txtSubject" class="form-control input-validater">
<span id="spanSubject" ></span>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<label class="label-top">Enquiry Deatls (No of Rooms and duration, adults and child and etc)</label>
<textarea name="txtMessage" id="txtMessage" rows="4" class="form-control"></textarea>
<span id="spanMessage" ></span>
</div>
</div>
<div class="form-group">
<div class="col-md-6">
<label for="comment" id="form-label" class="label-top">Security Code:<span class="red">*</span></label>
<input type="text" name="captchacode" id="captchacode" class="input-validater" placeholder="Security code >> ">
<span id="capspan" ></span>
</div>
<div class="col-md-6">
<div class="col-xs-3">
<label></label>
<span><?php include("./contact-form/captchacode-widget.php"); ?></span>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-6">
<div class="div-check" >
<img src="contact-form/img/checking.gif" id="checking"/>
</div>
</div>
</div>
<div class="form-group">
<div class="form-col">
<button type="submit" id="btnSubmit" class="milenia-btn milenia-btn--scheme-primary">Submit</button>
</div>
</div>
<div class="form-col">
<div id="dismessage" align="center" class="msg-success"></div>
</div>
</div>
</aside>
<main class="col-lg-4">
<h3>Contact Details</h3>
<!--================ End of Google Map ================-->
<ul class="milenia-details-list milenia-list--unstyled">
<li><span class="milenia-tc--dark">Address: </span>Araliya Gardens, Katukoliha, Dodanduwa, Hikkaduwa</li>
<li><span class="milenia-tc--dark">Phone: </span>+94 76 771 5510</li>
<li><span class="milenia-tc--dark">Email: </span><a href="mailto:[email protected]">[email protected]</a></li>
<li><span class="milenia-tc--dark">Stay Connected:</span>
<ul class="milenia-social-icons">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-tripadvisor"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
</ul>
</li>
</ul>
<!--================ Google Map ================-->
<div id="gmap-1" data-height="340px" data-locations="[{"lat": 40.7707307, "lon": -74.0210859, "icon": "images/marker-blue.png", "title": "Main office"}]" class="milenia-gmap">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3967.0446260202107!2d80.12317031528943!3d6.124696995565351!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae177be1cba50d3%3A0xf157b67920de0fb8!2sAraliya+Gardens!5e0!3m2!1sen!2slk!4v1541745721172" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</main>
</div>
</div>
<!--================ End of Section ================-->
</div>
</div>
<!--================ Footer ================-->
<?php
include 'footer.php';
?>
<!--================ End of Footer ================-->
</div>
<script src="vendors/modernizr.js"></script>
<script src="vendors/jquery-3.3.1.min.js"></script>
<script src="vendors/nicescroll/jquery.nicescroll.min.js"></script>
<script src="vendors/jquery.easing.1.3.min.js"></script>
<script src="vendors/monkeysan.jquery.nav.1.0.min.js"></script>
<script src="http://maps.google.com/maps/api/js?key=AIzaSyDe0Jbcnve8wjMa7p4ZzFpKSxCU8pNUjaw&amp;libraries=geometry&amp;v=3.20"></script>
<script src="vendors/maplace-0.1.3.min.js"></script>
<script src="vendors/arcticmodal/jquery.arcticmodal-0.3.min.js"></script>
<script src="vendors/fancybox/jquery.fancybox.min.js"></script>
<script src="vendors/monkeysan.validator.min.js"></script>
<script src="vendors/handlebars-v4.0.5.min.js"></script>
<script src="vendors/mad.customselect.js"></script>
<script src="vendors/retina.min.js"></script>
<script src="js/modules/milenia.newsletter-form.min.js"></script>
<script src="js/modules/milenia.contact-form.js"></script>
<script src="js/modules/milenia.sidebar-hidden.min.js"></script>
<script src="js/modules/milenia.alert-box.min.js"></script>
<script src="js/modules/milenia.sticky-header-section.min.js"></script>
<script src="js/milenia.app.js"></script>
<script src="contact-form/scripts.js" type="text/javascript"></script>
</body>
</html>
|