<?php
include './db.php';
include './function.php';
$about = getAboutUspageContant();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Us | Madol Duwa Boat Ride</title>
<meta name="description" content="Welcome to Gin River Safari , If you stay at the Galle, Hikkaduwa, Unawatuna area you should go with a boat at the Gin Ganga. Usually we start the safari in gintota bridge. Also, we do not use motor boat and the boat is ridden by two people and your tour make it so nature friendly. So you will able to hear many bird sounds and water flow sounds of the river. We run the business as our family and we will make you happy for your value." />
<meta name="keywords" content="about rever safari, about gin ganga, about gin river, Gin River Safari,gin ganga,madu ganga river safari,Gin ganga boat safari,Gin ganga tour,Gin ganga trip,Gin ganga mangroves,Gin ganga biodiversity" />
<link rel="icon" type="image/png" sizes="32x32" href="images/about/icon.png">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- font-awesome -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- chosen.min -->
<link href="css/chosen.min.css" rel="stylesheet">
<!-- slick-slider -->
<link href="css/slick-slider.css" rel="stylesheet">
<!-- jquery.bxslider -->
<link href="css/jquery.bxslider.css" rel="stylesheet">
<!-- prettyPhoto -->
<link href="css/prettyPhoto.css" rel="stylesheet">
<!-- responsive menu component -->
<link href="js/responsive-menu/component.css" rel="stylesheet">
<!-- svg-icons -->
<link href="css/svg-icons.css" rel="stylesheet">
<!-- Typography -->
<link href="css/typography.css" rel="stylesheet">
<!-- jquery.auto-complete -->
<link href="css/jquery.auto-complete.css" rel="stylesheet">
<!-- shortcodes -->
<link href="css/shortcodes.css" rel="stylesheet">
<!-- Colors -->
<link href="css/colors.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="style.css" rel="stylesheet">
<!-- Responsive theme-->
<link href="css/responsive.css" rel="stylesheet">
<link href="css/mystyle.css" rel="stylesheet">
</head>
<body>
<div class="eco_wrapper">
<?php
include './header.php';
?>
<div class="eco_banner eco_inner_page_banner">
<!--Eco Template Banner img-->
<div class="eco_headings">
<h3>About Us</h3>
</div>
<ul class="eco_page_link">
<li><a href="./">Home</a></li>
<li class="active"><a href="contact-us.php">About Us</a></li>
</ul>
</div>
<div class="content">
<div class="container">
<section>
<div class="eco_about-us-section">
<div class="row" style="padding-bottom: 25px;">
<div class="col-md-4">
<img src="images/about/aboutus.jpg" class="img-responsive" style="padding-bottom: 15px;"/>
</div>
<div class="col-md-4">
<div class="icon-about">
<img src="images/about/vision.jpg" alt="vision" />
</div>
<h4 style="text-align: center">Vision</h4>
<p style="text-align: center"> <?php echo $about['vision']; ?></p>
</div>
<div class="col-md-4">
<div class="icon-about">
<img src="images/about/mission.jpg" alt="mission" />
</div>
<h4 style="text-align: center">mission</h4>
<p style="text-align: center"> <?php echo $about['mission']; ?></p>
</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<!--Eco event img-->
<div class="text-justify about-us-img">
<?php echo $about['description']; ?>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<?php
include './footer.php';
?>
</div>
<div id="preloader">
<div id="status"></div>
</div>
<!-- jQuery (JavaScript plugins) -->
<!-- Bootstrap js -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap-lab.js"></script>
<script src="js/bootstrap.js"></script>
<!--responsive-menu -->
<script src="js/responsive-menu/modernizr.custom.js"></script>
<script src="js/responsive-menu/jquery.dlmenu.js"></script>
<!-- masonry & filterable -->
<script src="js/jquery-filterable.js"></script>
<script src="js/masonry-gallery.js"></script>
<!-- chosen.jquery js -->
<script src="js/chosen.jquery.min.js"></script>
<script src="js/jquery.auto-complete.js"></script>
<!-- jquery.prettyPhoto js -->
<script src="js/jquery.prettyPhoto.js"></script>
<!-- countup and countdown js -->
<script src="js/countup.js"></script>
<script src="js/jquery.countdown.js"></script>
<!-- slider -->
<script src="js/slick-slider.js"></script>
<script src="js/jquery.bxslider.js"></script>
<script src="js/owl.carousel.js"></script>
<!-- custom js -->
<script src="js/custom.js"></script>
<script type="text/javascript">
$('.map-container')
.click(function () {
$(this).find('iframe').addClass('clicked')
})
.mouseleave(function () {
$(this).find('iframe').removeClass('clicked')
});
</script>
</body>
</html>
|