<!DOCTYPE html>
<?php include './class/include.php'?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="">
<meta name="author" content="">
<title>Taxi Galle | Contact Us</title>
<!-- Bootstrap -->
<link href="common/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!-- Owl Carousel -->
<link href="common/owl-carousel/css/owl.carousel.min.css" rel="stylesheet" type="text/css">
<!-- Fancybox -->
<link rel="stylesheet" href="common/fancybox/jquery.fancybox.min.css" type="text/css" />
<!-- Theme Style -->
<link href="css/style.css" rel="stylesheet" type="text/css">
<!-- Custom Style -->
<link href="css/custom.css" rel="stylesheet" type="text/css">
<link href="contact-form/style.css" rel="stylesheet" type="text/css"/>
<style>
.banner-home{
background: url(./images/banner/back_dark.jpg) top center no-repeat !important;
background-size: cover;
}
.header-bottom {
background: rgba(0, 0, 0, 0.5);
}
header.header-small{
background: #000;
}
.search-section .tab-sec .nav-tabs .nav-link{
padding: 19px 24px 10px 25px;
}
</style>
</head>
<body>
<!--Header area start here-->
<?php
include('./header.php');
?>
<!-- Pagewrap Start Here -->
<div class="content">
<section class="banner-gallery inner-banner">
<div class="banner-box">
<h1><span>CONTACT </span>Taxi Galle</h1>
</div>
</section>
<section class="get-in-touch sec-pd inner-pd">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="section-title left">
<h3 style="color: #020202;">Get in touch with us</h3>
<hr>
</div>
<div class="form-section" style="margin-top: 20px;">
<div action="#" method="get">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Enter Your Name" id="txtFullName">
<span id="spanFullName"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Enter Your Phone Number" id="txtPhone">
<span id="spanPhone"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter Your Email" id="txtEmail">
<span id="spanEmail"></span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Enter Your Subject" id="txtSubject">
<span id="spanSubject"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" placeholder="Enter Your Message" rows="3" id="txtMessage"></textarea>
<span id="spanMessage"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 mt-25">
<input class="form-control" id="captchacode" type="text" name="capcha-code" placeholder="Security Code">
<span id="capspan"></span>
</div>
<div class="form-group col-md-5 col-sm-6 co-xs-12 mt-10 capcha-code-responsive">
<?php include './contact-form/captchacode-widget.php'; ?>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<button type="submit" class="btn book-ride submit" id="btnSubmit">Submit</button>
</div>
</div>
</div>
<div id="dismessage" align=center" style="margin-top: 10px;"></div>
</div>
</div>
<div class="col-lg-4">
<div class="contact-info">
<ul class="info">
<li>
<div class="icon" style="line-height: 1;">
<img src="images/icon/2.png" alt="" width="20px" height="20px"/>
</div>
<div class="text">
<p>366/1B, </p>
<p>Wakwella Rd</p>
<p>Galle 80000</p>
</div>
</li>
<li>
<div class="icon">
<img src="images/icon/4.png" alt="" width="20px" height="20px"/>
</div>
<div class="text">
<p><a href="tel:+94777788363">+94 77 778 8363</a></p>
</div>
</li>
<li>
<div class="icon">
<img src="images/icon/1.png" alt="" width="20px" height="20px"/>
</div>
<div class="text">
<a href="mailto:[email protected]"><p>[email protected]</p></a>
</div>
</li>
</ul>
<ul class="event-social social-media">
<li>
<a href="https://www.facebook.com/hbstoursandtaxilk/" target="blank"><img src="images/icon/facebook.png" alt="" width="35px" height="35px"/></a>
</li>
<li>
<a href="mailto:[email protected]"><img src="images/icon/gmail.png" alt="" width="42px" height="42px"/></a>
</li>
<li>
<a href="tel:+94777788363"><img src="images/icon/phone.png" alt="" width="38px" height="38px"/></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section>
<!-- Google Map -->
<div class="google-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3967.548909801724!2d80.20607520000002!3d6.056443100000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ae17243f71aac85%3A0x9e38a7283d24bbde!2sTaxi%20Galle!5e0!3m2!1sen!2slk!4v1667197928139!5m2!1sen!2slk" width="1423" height="600" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!--// Google Map -->
</section>
<?php
include('./footer.php');
?>
</div>
<!-- Pagewrap End Here-->
<!-- jQuery (necessary for JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Bootsrap JS -->
<script src="common/bootstrap/js/bootstrap.min.js"></script>
<!-- Owl Crousel -->
<script src="common/owl-carousel/js/owl.carousel.js"></script>
<!-- Fancybox -->
<script src="common/fancybox/jquery.fancybox.min.js"></script>
<!-- Font Awesome JS -->
<script src="js/all.min.js"></script>
<!-- Custom JS -->
<script src="js/custom.js"></script>
<script src="contact-form/scripts.js" type="text/javascript"></script>
</body>
</html> |