<!DOCTYPE html>
<?php
include './class/include.php';
?>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Faithlink International Pvt Ltd - Contact-Us</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta name="keywords" content="construction company in sri lanka, bathroom fittings, swimming pool construction, swimming pool fittings, consultant service, imports and exports company in sri lanka, civil construction company in sri lanka, faithlink international pvt ltd, faithlink in maldives, trading company in sri lanka">
<meta name="description" content="We are a Trading company, involved in Intending, Imports and exports of any item which complies with the standard import regulations, we also have diversified into construction and assist our customers on the whole process of getting the necessary products to the customer on a timely manner">
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="plugins/normalize.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/uikit.min.css" rel="stylesheet" type="text/css">
<link href="plugins/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="plugins/slick-master/slick/slick.css" rel="stylesheet" type="text/css">
<link href="plugins/flat-icon/flaticon.css" rel="stylesheet" type="text/css">
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE COMPONENTS UIKIT -->
<link href="plugins/uikit-2.27.2/css/components/sticky.min.css" rel="stylesheet" type="text/css">
<link href="plugins/uikit-2.27.2/css/components/slider.min.css" rel="stylesheet" type="text/css">
<!-- END PAGE COMPONENTS UIKIT -->
<!-- BEGIN REVOLUTION SLIDER -->
<link rel="stylesheet" href="plugins/revolution/css/settings.css">
<link rel="stylesheet" href="plugins/revolution/css/layers.css">
<link rel="stylesheet" href="plugins/revolution/css/navigation.css">
<!-- END REVOLUTION SLIDER -->
<!-- BEGIN TEMPLATE LAYOUT STYLES -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<!-- END TEMPLATE LAYOUT STYLES -->
<link rel="shortcut icon" href="images/icon.png" />
<link href="contact-form/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- BEGIN HEADER -->
<?php include './header.php'; ?>
<!-- END HEADER -->
<!-- BEGIN CONTAINER -->
<!-- BEGIN SLIDER -->
<section class="brick-banner">
<div class="uk-container uk-container-center">
<div class="title">
<h3>CONTACT US</h3>
<ul>
<li><a href="index.php">Home</a></li>
<li class="active"><a href="contact.php">Contact Us</a></li>
</ul>
</div>
</div>
</section>
<!-- END BANNER -->
<!-- BEGIN CONTACT -->
<section class="contact set-padding">
<div class="uk-container uk-container-center">
<div class="uk-grid contact" >
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1">
<div class="main-office">
<div class="box-content-p">
<p></p>
</div>
<ul>
<li>
<div class="brick-flex-box">
<span class="fa fa-phone brick-color-yellow"></span>
<p class="brick-hover-color-yellow"><a href="tel:+94 11 484 8367">+94 11 484 8367 </a></p>
</div>
</li>
<li>
<div class="brick-flex-box">
<span class="fa fa-map-marker brick-color-yellow"></span>
<p class="brick-hover-color-yellow">No. 76/G/2 Pahalakaragahamuna, Ragama Road, <br> Kadawatha | Sri Lanka.</p>
</div>
</li>
<li>
<div class="brick-flex-box">
<span class="fa fa-envelope brick-color-yellow"></span>
<a href="mailto:[email protected]"><p class="brick-hover-color-yellow">[email protected]</p></a>
</div>
</li>
</ul>
</div>
<div class="uk-width-medium-4-10 uk-width-small-1-1 uk-width-1-1 set-width-3-10">
<div class="logo brick-flex-box">
<a href="index.php"><img src="images/logo-small.png" alt=""></a>
</div>
</div>
</div>
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1">
<div class="box-get-in-touch ">
<div class="form-style ">
<div id="contact_get_in_touch" class="uk-form" action="#" method="post">
<div class="uk-grid">
<div class="uk-width-medium-1-1 uk-width-small-1-2 uk-width-1-1 uk-position-relative">
<div class="uk-form-icon uk-form-icon uk-width-1-1">
<span class="fa fa-user" style="color: #4e5453;"></span>
<input type="text" placeholder="Your Name" id="txtFullName" name="txtFullName">
<span id="spanFullName"></span>
</div>
</div>
<div class="uk-width-medium-1-1 uk-width-small-1-2 uk-width-1-1 uk-position-relative">
<div class="uk-form-icon uk-form-icon uk-width-1-1">
<span class="fa fa-envelope" style="color: #4e5453;"></span>
<input type="email" placeholder="Your Email" id="txtEmail" name="txtEmail">
<span id="spanEmail"></span>
</div>
</div>
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1 uk-position-relative">
<div class="uk-form-icon uk-form-icon uk-width-1-1">
<span class="fa fa-phone" style="color: #4e5453;"></span>
<input type="text" placeholder="Phone" id="txtPhone" name="txtPhoneNumber">
<span id="spanPhone"></span>
</div>
</div>
<div class="uk-width-medium-1-2 uk-width-small-1-1 uk-width-1-1 uk-position-relative">
<div class="uk-form-icon uk-form-icon uk-width-1-1">
<span class="fa fa-book" style="color: #4e5453;"></span>
<input type="text" placeholder="Subject" id="txtSubject" name="txtSubject">
<span id="spanSubject"></span>
</div>
</div>
<div class="uk-width-medium-1-1 uk-width-small-1-1 uk-width-1-1">
<div class="uk-form-icon uk-width-1-1">
<span class="fa fa-pencil" style="color: #4e5453;"></span>
<textarea rows="5" placeholder="Message" id="txtMessage" name="txtMessage"></textarea>
<span id="spanMessage"></span>
</div>
</div>
</div>
</div>
<div class="uk-grid">
<div class="uk-width-medium-1-2 uk-width-small-1-2 uk-width-1-1 uk-position-relative">
<div class="uk-form-icon uk-form-icon uk-width-1-2">
<?php include("./contact-form/captchacode-widget.php"); ?>
</div>
</div>
<div class="uk-width-medium-1-2 uk-width-small-1-2 uk-width-1-1 uk-position-relative">
<div class="uk-form-icon uk-form-icon uk-width-1-2">
<label for="comment">Security Code:</label>
<input type="text" name="captchacode" id="captchacode" class="form-control input-validater" placeholder="Enter the code ">
<span id="capspan" ></span>
</div>
</div>
</div>
<div>
<button type="submit" id="btnSubmit" class="brick-button-radius button-send"> SEND MESSAGE</button>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="dismessage" align="center"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END CONTACT -->
<!-- BEGIN GOOGLE MAP -->
<!-- END SLIDER -->
<!-- BEGIN FOOTER -->
<?php include './footer.php'; ?>
<!-- END FOOTER -->
<div class="brick-backtotop brick-background-yellow" data-uk-smooth-scroll><span class="fa fa-arrow-up"></span></div>
<!-- BEGIN JQUERY JS -->
<script src="plugins/jquery/jquery-1.12.4.min.js"></script>
<script src="plugins/uikit-2.27.2/js/uikit.min.js" type="text/javascript"></script>
<script src="plugins/slick-master/slick/slick.min.js" type="text/javascript"></script>
<script src="plugins/jquery-waypoints/2.0.3/waypoints.min.js" type="text/javascript"></script>
<script src="plugins/jquery-count-to-number/jquery.counterup.min.js" type="text/javascript"></script>
<!-- END JQUERY JS -->
<!-- BEGIN COMPONENT UIKIT-->
<script src="plugins/uikit-2.27.2/js/components/sticky.min.js" type="text/javascript"></script>
<script src="plugins/uikit-2.27.2/js/components/slider.min.js" type="text/javascript"></script>
<!-- END COMPONENT UIKIT-->
<!-- BEGIN REVOLUTION SLIDER -->
<script src="plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
<!-- END REVOLUTION SLIDER -->
<!-- BEGIN MAIN JS -->
<script src="js/main.js"></script>
<script src="contact-form/scripts.js" type="text/javascript"></script>
<!-- END MAIN JS -->
</body>
</html>
|