<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Whales Watching in Mirissa | Contact-Us</title>
<meta name="keywords" content="whales in mirissa, whale watching sri lanka, whale watching in mirissa, whale watching places, mirissa whale watching, whale watching company mirissa, whale watching boats, best whale watching company in mirissa, mirissa whales, mirissa whales tripadvisor" />
<meta name="description" content="Explore our full range of things to do in Sri Lanka ,Mirissa is one of the world's best destinations for whales watching." />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" type="image/png" href="images/icon.png">
<!--Fonts-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic" rel="stylesheet" type="text/css">
<!--Bootstrap-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<!--font Awesome-->
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<!--slider-->
<link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<!--PrettyPhoto-->
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css">
<!--main file-->
<link href="css/style.css" rel="stylesheet" type="text/css">
<!--Responsive file-->
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<link href="contact-form/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<?php include './header.php'; ?>
</div>
<!--End Header-->
<!--Start Page Title-->
<div class="page_title bg3">
<div class="layer">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12">
<h1>Contact Us</h1>
<div class="beadcrumb">
<a href="index.php">Home</a> <i class="fa fa-angle-right"></i> <span>Contact Us</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Page Title-->
<!--Start Contact Map -->
<div class="contact_map animated fades">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3968.336995362787!2d80.44999641476777!3d5.948214895691214!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae1157dd51e8619%3A0x9cb1b221e2e05449!2sWhale+Watching+Mirissa+with+Whale+Warriors!5e0!3m2!1sen!2slk!4v1550746136786" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!--End Contact Map-->
<!--Start Contact Detail-->
<div class="contact_detail seaction_margin">
<div class="container">
<div class="row">
<div class="col-sm-4 col-md-4">
<div class="contact_address animated slide">
<h3 class="heading_c">Our <span>Details</span></h3>
<address class=" animated fades">
<p class="hed">Contact Us:</p>
<p><i class="fa fa-map-marker"></i> Mirissa Whales, Miriwella Rd ,Mirissa. </p>
<p><i class="fa fa-phone"></i>+94 77 720 8802<br>
+94 71 659 8877</p>
<p><i class="fa fa-envelope"></i>[email protected]</p>
</address>
</div>
</div>
<div class="col-sm-8 col-md-8">
<div class="contact_form animated fades">
<h3 class="heading_c">Send <span>Message</span></h3>
<p class="success" id="success" style="display:none;"></p>
<p class="error" id="error" style="display:none;"></p>
<div action="#" method="post" id="contact_form" class="row">
<div class="col-sm-6 col-md-6">
<input type="text" placeholder="Name" class="form-control" name="txtFullName" id="txtFullName" />
<span id="spanFullName"></span>
</div>
<div class="col-sm-6 col-md-6">
<input type="email" placeholder="Email" class="form-control" name="txtEmail" id="txtEmail" />
<span id="spanEmail"></span>
</div>
<div class="col-sm-6 col-md-6">
<input type="text" placeholder="Phone no." class="form-control" name="txtPhoneNumber" id="txtPhone" />
<span id="spanPhone"></span>
</div>
<div class="col-sm-6 col-md-6">
<input type="text" placeholder="Subject" class="form-control" name="txtSubject" id="txtSubject" />
<span id="spanSubject"></span>
</div>
<div class="col-sm-12 col-md-12">
<textarea placeholder="Write your message..." class="form-control" name="txtMessage" id="txtMessage"></textarea>
<span id="spanMessage"></span>
</div>
</div>
<div class="col-xs-12 col-md-8 ">
<div class="col-sm-6 ">
<label for="comment">Security Code:</label>
<input style="margin-left: -30px;" type="text" name="captchacode" id="captchacode" class="form-control input-validater" placeholder="Enter the code ">
<span id="capspan" ></span>
</div>
<div style="margin-top: 12px; margin-left: -15px;" class="col-sm-6 col-md-4 capcha-mob">
<?php include("./contact-form/captchacode-widget.php"); ?>
</div>
</div>
<div class="col-sm-4 col-md-4" style="margin-top: 33px;">
<input type="submit" id="btnSubmit" class="button" value="Send Message" />
</div>
<div class="row">
<div class="col-md-12">
<div id="dismessage" align="center"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Contact Detail-->
<?php include './footer.php'; ?>
<a href="#0" class="cd-top"><i class="fa fa-angle-up" aria-hidden="true"></i></a>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Jquery Ui -->
<script src="js/jquery-ui.js"></script>
<!-- Slider -->
<script src="js/owl.carousel.js"></script>
<!-- Isotope -->
<script src="js/isotope-docs.min.js"></script>
<!-- PrettyPhoto -->
<script src="js/jquery.prettyPhoto.js"></script>
<!-- Parallax -->
<script src="js/jquery.parallax.js"></script>
<!-- Slider -->
<script src="js/jquery.cycle.all.js"></script>
<!-- Appear -->
<script src="js/jquery.appear.js"></script>
<!-- Custom -->
<script src="js/custom.js"></script>
<script src="contact-form/scripts.js" type="text/javascript"></script>
</body>
</html> |