<!DOCTYPE html>
<?php
include './class/include.php';
$ABOUT_US = new Page(1);
$VISION = new Page(5);
$MISION = new Page(6);
?>
<html>
<head>
<meta charset="utf-8">
<title>Women's Development Federation | About Us</title>
<!-- Stylesheets -->
<link href="images/icons/favicon.png" rel="icon" sizes="32x32" type="image/png">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet"`>
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
<!-- Header Style Two-->
<?php
include 'header.php';
?>
<!--End Header Style Two-->
<!--Page Title-->
<section class="page-title" style="background-image:url(images/background/page-title-bg.jpg);">
<div class="auto-container">
<div class="sec-title">
<h1>About Us</h1>
<div class="bread-crumb"><a href="./">Home</a> / About Us</div>
</div>
</div>
</section>
<!--Default Section-->
<section class="default-section tp-pb0">
<div class="auto-container">
<div class="row clearfix">
<!--Column-->
<div class="column image-column col-md-6 col-sm-12 col-xs-12">
<img src="upload/page/<?php echo $ABOUT_US->image_name ?>" alt="">
</article>
</div>
<?php echo $ABOUT_US->description ?>
</div>
<div class="row clearfix">
<!--Column-->
<div class="column default-text-column col-md-4 col-sm-6 col-xs-12">
<div class="text-block">
<h3>Our Vision</h3>
<div class="text no-margin-bottom">
<p><?php echo $VISION->description ?></p>
</div>
</div>
</div>
<!--Column-->
<div class="column default-text-column col-md-4 col-sm-6 col-xs-12">
<div class="text-block">
<h3>Our Mission</h3>
<div class="text no-margin-bottom">
<p><?php echo $MISION->description ?></p>
</div>
</div>
</div>
<!--Column-->
<div class="column default-text-column col-md-4 col-sm-6 col-xs-12">
<div class="text-block">
<h3>We help the followings</h3>
<div class="text no-margin-bottom">
<ul class="styled-list-one no-margin-bottom">
<li>Poor school children</li>
<li>Poor Schools</li>
<li>People who do not have a home to live in</li>
<li>The disabled</li>
<li>The people who suffer from chronic diseases </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Team Section-->
<!-- <section class="team-section">
<div class="auto-container">
<div class="sec-title text-center">
<h2>Our <span class="normal-font theme_color">Team</span></h2>
<div class="text">Come and meet our team</div>
</div>
<div class="row clearfix">
<div id="about-carousel" class="owl-carousel owl-theme">
Column
<article class="column team-member col-lg-12 col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="inner-box">
<figure class="image"><a href="mailto:[email protected]"><img src="images/resource/team-image-1.jpg" alt=""></a></figure>
<div class="member-info">
<h3>Samantha</h3>
<div class="designation">Project Coordinator</div>
</div>
<div class="content">
<div class="text"></div>
</div>
</div>
</article>
Column
<article class="column team-member col-lg-12 col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="inner-box">
<figure class="image"><a href="mailto:[email protected]"><img src="images/resource/team-image-2.jpg" alt=""></a></figure>
<div class="member-info">
<h3>Anthonio</h3>
<div class="designation">School Teacher</div>
</div>
<div class="content">
<div class="text"></div>
</div>
</div>
</article>
Column
<article class="column team-member col-lg-12 col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1500ms">
<div class="inner-box">
<figure class="image"><a href="mailto:[email protected]"><img src="images/resource/team-image-3.jpg" alt=""></a></figure>
<div class="member-info">
<h3>Thomas Brandle</h3>
<div class="designation">Kitchen Designer</div>
</div>
<div class="content">
<div class="text"></div>
</div>
</div>
</article>
Column
<article class="column team-member col-lg-12 col-md-4 col-sm-6 col-xs-12 wow fadeInUp" data-wow-delay="900ms" data-wow-duration="1500ms">
<div class="inner-box">
<figure class="image"><a href="mailto:[email protected]"><img src="images/resource/team-image-4.jpg" alt=""></a></figure>
<div class="member-info">
<h3>Onnonto Jolil</h3>
<div class="designation">Senior Worker</div>
</div>
<div class="content">
<div class="text"></div>
</div>
</div>
</article>
</div>
</div>
</div>
</section>-->
<!--Main Footer-->
<?php
include 'footer.php';
?>
<!--End Main Footer-->
</div>
<!--End pagewrapper-->
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".page-wrapper"><span class="fa fa-long-arrow-up"></span></div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#about-carousel").owlCarousel({
loop: true,
margin: 7,
nav: false,
autoplay: true,
autoplayTimeout: 2000,
autoplayHoverPause: true,
dots: false,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 4
}
}
});
});
</script>
</body>
</html> |