<?php
include './db.php';
include './function.php';
?>
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Contact Us - Villa Effort - Ahangama</title>
<meta name="keywords" content="neptune echo villa, eco villa ahangama, ahangama hotels, hotels in ahangama, accommodations in ahangama, budget rooms in ahangama, luxuru rooms in ahangama, ahangama luxury hotels, Budget Accommodations in Ahangama, Ahangama Luxury Villas, Luxury Villas in Ahangama, ahangama, Ahangama, Sri Lanka">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/colors.css">
<link rel="stylesheet" href="css/custom.css">
<link href="css/lightbox.min.css" rel="stylesheet" type="text/css"/>
<link href="contact-form/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- <div id="preloader">
<img class="preloader" src="images/loader.gif" alt="">
</div>-->
<div id="wrapper">
<?php include './header.php'; ?>
<div class="page-parallax parallax parallax-off" data-stellar-background-ratio="1" style="background-image:url('images/banner/contact.jpg');">
</div>
<div class="page-title">
<div class="container">
<div class="section-title">
<h3>Contact Us</h3>
<p class="lead">Our best reward is your feedback, to preserve ultimate customer service<br> contact us for your any inquiry</p>
</div>
</div>
</div>
<div class="map-container" id="map">
<iframe width="100%" height="450" frameborder="0"
scrolling="no" marginheight="0" marginwidth="0"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15872.349824492083!2d80.35182!3d5.9826953!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x9476871f23be9db1!2sVilla+Effort!5e0!3m2!1sen!2slk!4v1550890113267">
</iframe>
</div>
<div class="section" style="margin-top: 80px;">
<div class="container" id="contact">
<div class="row">
<div class="col-md-8">
<div class="contact_form appointment_form">
<div id="message"></div>
<div class="contact-form">
<div class="row form-group">
<div class="col-xs-12 col-sm-6">
<label>Your Name</label>
<span id="star">*</span>
<input type="text" name="txtFullName" id="txtFullName" class="form-control input-validater">
<span id="spanFullName" ></span>
</div>
<div class="col-xs-12 col-sm-6">
<label>Your Email</label>
<span id="star">*</span>
<input type="text" name="txtEmail" id="txtEmail" class="form-control input-validater">
<span id="spanEmail" ></span>
</div>
</div>
<div class="row form-group">
<div class="col-xs-12 col-sm-6">
<label>Your Country</label>
<span id="star">*</span>
<input type="text" name="txtCountry" id="txtCountry" class="form-control input-validater">
<span id="spanCountry" ></span>
</div>
<div class="col-xs-12 col-sm-6">
<label>Your Contact Numbers</label>
<input type="text" name="txtPhone" id="txtPhone" class="form-control input-validater">
</div>
</div>
<div class="row form-group">
<div class="col-xs-12 col-sm-12">
<label>Subject</label>
<span id="star">*</span>
<input type="text" name="txtSubject" id="txtSubject" class="form-control input-validater">
<span id="spanSubject" ></span>
</div>
</div>
<div class="form-group">
<label>Your Message</label>
<span id="star">*</span>
<textarea name="txtMessage" id="txtMessage" rows="6" class="form-control" placeholder="write message here"></textarea>
<span id="spanMessage" ></span>
</div>
<div class="row form-group">
<div class="col-md-12 col-xs-12 col-sm-6 row">
<div class="col-sm-4 col-xs-12">
<label for="comment">Security Code:</label>
<span id="star">*</span>
<input type="text" name="captchacode" id="captchacode" class="form-control input-validater" placeholder="Enter the security code >> ">
<span id="capspan" ></span>
</div>
<div class="col-sm-4 col-xs-12" style="margin-top: 15px;">
<?php include("./contact-form/captchacode-widget.php"); ?>
</div>
<div class="col-md-4 col-xs-12" style="margin-top: 30px;">
<button type="submit" id="btnSubmit" class="btn btn-default">SEND YOUR MESSAGE</button>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="col-sm-4">
<div class="div-check" >
<img src="contact-form/img/checking.gif" id="checking"/>
</div>
</div>
</div>
</div>
<div id="dismessage" align="center"></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="workinghours">
<ul>
<li style="font-size: 13px;"><i class="fa fa-home"></i> Address <span> Welhengoda Road, Ahangama. 80650</span></li>
<li><i class="fa fa-envelope-o"></i> E-Mail <span>[email protected]</span></li>
<li><i class="fa fa-phone"></i> Phone <span>(+94) 91 228 2269</span></li>
<li><i class="fa fa-mobile"></i> Mobile <span>(+94) 76 359 9361</span></li>
<li><i class="fa fa-mobile"></i> Mobile <span>(+94) 76 359 9366</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<?php include './footer.php'; ?>
</div>
<script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="js/all.js"></script>
<script src="js/custom.js"></script>
<script src="js/lightbox-plus-jquery.min.js" type="text/javascript"></script>
<script src="contact-form/scripts.js" type="text/javascript"></script>
<script type="text/javascript">
$('.map-container')
.click(function () {
$(this).find('iframe').addClass('clicked')
})
.mouseleave(function () {
$(this).find('iframe').removeClass('clicked')
});
</script>
</body>
</html> |