<?php
include './db.php';
include './function.php';
$url = url();
$aboutus = getAboutUspageContant();
?>
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Whales Watching in Mirissa | About-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">
</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>About Us</h1>
<div class="beadcrumb">
<a href="index.php">Home</a> <i class="fa fa-angle-right"></i> <span>About Us</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Page Title-->
<!--Start About-->
<div class="about about_two seaction_margin">
<div class="container">
<div class="row">
<div class="col-sm-5 col-md-5 animated slide" style="padding-bottom: 40px;">
<figure>
<img src="images/banner/22.jpg" alt="Mirissa Whales" />
</figure>
</div>
<div class="col-sm-7 col-md-7 animated slide" style="text-align: justify;">
<h3><?php echo $aboutus['title']; ?>
</h3>
<p> <?php echo $aboutus['description']; ?></p>
</div>
</div>
</div>
</div>
<!--End About-->
<!--Start About Col-->
<div class="intro_box seaction_margin">
<div class="container">
<div class="row about">
<div class="col-sm-12 col-md-12">
<div class="row" style="margin-bottom: 10px;">
<div class="col-sm-6 col-md-6 animated slide">
<div class="icon_box">
<div class="content">
<h3><a href="#">Vision</a></h3>
<p><?php echo $aboutus['vision']; ?>
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-6 animated slide">
<div class="icon_box">
<div class="content">
<h3><a href="#">Mission</a></h3>
<p><?php echo $aboutus['mission']; ?>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="container" style="margin-bottom: 60px;">
<div class="col-md-6 text-justify">
<img src="images/id.png" class="img-responsive" alt="Mirissa Whales - Licence"/>
</div>
<div class="col-md-6" data-animation="fadeInLeft" data-animation-delay="0">
<div class="video-container padingmb" style="margin-top: 10px">
<iframe width="560" height="315" src="https://www.youtube.com/embed/P5S8svGWTvw" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<!--End About Col-->
<!--Start Features-->
<!--End Features-->
<?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>
</body>
</html> |