<?php
include './class/include.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="tours in matara, sri lanka round tour in matara , sri Lanka travel agents, sri Lanka travel agents in matara, travel agents in matara, destination in matara, attraction in matara, tour packages, travel with susa, tour operators in matara " />
<meta name="description" content="Travel with Susa, is a well-organized and planned touring company who makes sure that if you travel to Sri Lanka you have the best of it. We specialize in tours relating to vast islands of the country. We have expertise and polite crew to dedication for your service. " />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- FAVICONS ICON -->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" type="image/x-icon" href="images/lof.png" />
<!-- PAGE TITLE HERE -->
<title> Contact Us | Travel Agent in Matara | Taxi in Matara | Tour with Susa </title>
<!-- STYLESHEETS -->
<link rel="stylesheet" type="text/css" href="css/plugins.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/templete.css">
<link class="skin" rel="stylesheet" type="text/css" href="css/skin/skin-1.css">
<link rel="stylesheet" href="plugins/datepicker/css/bootstrap-datetimepicker.min.css"/>
<!-- Revolution Slider Css -->
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="plugins/revolution/revolution/css/navigation.css">
<!-- Revolution Navigation Style -->
<link href="contact-form/style.css" rel="stylesheet" type="text/css"/>
</head>
<body id="bg">
<div class="page-wraper">
<!-- header -->
<?php include './header.php'; ?>
<!-- header END -->
<!-- Content -->
<div class="page-content">
<div class="dlab-bnr-inr overlay-black-middle" style="background-image:url(images/banner/bnr1.jpg);">
<div class="container">
<div class="dlab-bnr-inr-entry">
<h1 class="text-white">Contact Us</h1>
<div class="breadcrumb-row">
<ul class="list-inline">
<li><a href="index.php">Home</a></li>
<li>Contact Us</li>
</ul>
</div>
</div>
</div>
</div>
<!-- PACKAGES -->
<div class="section-full bg-white content-inner dlab-about-1">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 d-lg-flex d-md-flex">
<div class="p-a30 border m-b30 contact-area border-1 align-self-stretch ">
<h4 class="m-b10">Quick Contact</h4>
<p>If you have any questions simply use the following contact details.</p>
<ul class="no-margin">
<li class="icon-bx-wraper left m-b30">
<div class="icon-bx-xs border-1"> <a href="#" class="icon-cell"><i class="ti-location-pin"></i></a> </div>
<div class="icon-content">
<h6 class="text-uppercase m-tb0 dlab-tilte">Address:</h6>
<p> Sawsiri,magawaththa,
kadawedduwa,yatiyana
Matara.</p>
</div>
</li>
<a class="box" href="mailto:[email protected]"> <li class="icon-bx-wraper left m-b30">
<div class="icon-bx-xs border-1"> <i class="ti-email icon-cell"></i> </div>
<div class="icon-content">
<h6 class="text-uppercase m-tb0 dlab-tilte">Email:</h6>
<p>[email protected]</p>
</div>
</li></a>
<a href="tel:+94773103669" > <li class="icon-bx-wraper left">
<div class="icon-bx-xs border-1"> <i class="ti-mobile icon-cell"></i> </div>
<div class="icon-content">
<h6 class="text-uppercase m-tb0 dlab-tilte">PHONE</h6>
<p>(+94)77 310 3669</p>
</div>
</li>
</a>
</ul>
</div>
</div>
<!-- right part END -->
<!-- Left part start -->
<div class="col-lg-8 col-md-6">
<div class="p-a30 m-b30 bg-gray clearfix">
<h4>Send Message Us</h4>
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<div class="input-group">
<input name="txtFullName" id="txtFullName" type="text" required class="form-control" placeholder="Your Name *">
</div>
<span id="spanFullName"></span>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<div class="input-group">
<input name="txtEmail" id="txtEmail" type="email" required class="form-control" placeholder="Your Email *">
</div>
<span id="spanEmail"></span>
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<div class="input-group">
<input name="txtSubject" id="txtSubject" type="text" class="form-control" required placeholder="Your Subject *" >
</div>
</div>
<span id="spanSubject"></span>
</div>
<div class="col-lg-12">
<div class="form-group">
<div class="input-group">
<textarea id="txtMessage" name="txtMessage" rows="4" class="form-control" required placeholder="Your Message..." ></textarea>
</div>
</div>
<span id="spanMessage"></span>
</div>
<div class="col-lg-4">
<div class="form-group">
<label for="comment">Security Code:</label>
<input type="text" name="captchacode" id="captchacode" class="form-control input-validater" placeholder="Enter the code " style="color: black">
<span id="capspan" ></span>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<?php include("./contact-form/captchacode-widget.php"); ?>
</div>
</div>
<div class="col-lg-12">
<button name="submit" type="submit" value="Submit" class="site-button " id="btnSubmit"> <span>Submit</span> </button>
</div>
<div id="dismessage" align="center"></div>
</div>
</div>
</div>
</div>
<div class="row">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d63492.95578524624!2d80.51572840855572!3d5.951991096225706!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae138d151937cd9%3A0x1d711f45897009a3!2sMatara!5e0!3m2!1sen!2slk!4v1559105453818!5m2!1sen!2slk" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<?php include './footer.php' ?>
<!-- Footer END-->
<!-- scroll top button -->
<button class="scroltop fa fa-arrow-up " ></button>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery.min.js"></script><!-- JQUERY.MIN JS -->
<script src="plugins/wow/wow.js"></script><!-- WOW JS -->
<script src="plugins/bootstrap/js/popper.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="plugins/bootstrap/js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="plugins/bootstrap-select/bootstrap-select.min.js"></script><!-- FORM JS -->
<script src="plugins/bootstrap-touchspin/jquery.bootstrap-touchspin.js"></script><!-- FORM JS -->
<script src="plugins/magnific-popup/magnific-popup.js"></script><!-- MAGNIFIC POPUP JS -->
<script src="plugins/counter/waypoints-min.js"></script><!-- WAYPOINTS JS -->
<script src="plugins/counter/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="plugins/imagesloaded/imagesloaded.js"></script><!-- IMAGESLOADED -->
<script src="plugins/masonry/masonry-3.1.4.js"></script><!-- MASONRY -->
<script src="plugins/masonry/masonry.filter.js"></script><!-- MASONRY -->
<script src="plugins/owl-carousel/owl.carousel.js"></script><!-- OWL SLIDER -->
<script src="plugins/rangeslider/rangeslider.js" ></script><!-- Rangeslider -->
<script src="plugins/datepicker/js/moment.js"></script><!-- DATEPICKER JS -->
<script src="plugins/datepicker/js/bootstrap-datetimepicker.min.js"></script><!-- DATEPICKER JS -->
<script src="js/custom.js"></script><!-- CUSTOM FUCTIONS -->
<script src="js/dz.carousel.js"></script><!-- SORTCODE FUCTIONS -->
<script src='../../www.google.com/recaptcha/api.js'></script> <!-- Google API For Recaptcha -->
<script src="contact-form/scripts.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function () {
'use strict';
$('#datetimepicker4').datetimepicker();
}); /*ready*/
</script>
</body>
</html> |