<?php   

/*Template Name: Heritage */ 

get_header(); 
?>


<div class="main-content">

<!-- Section: inner-header -->
<section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="<?php echo get_template_directory_uri()?>/myassets/images/bg/bg1.jpg">
<div class="container pt-60 pb-40">
<!-- Section Content -->
<div class="section-content pt-100">
  <div class="row"> 
	<div class="col-md-12">
	  <h3 class="title text-white">About</h3>
	  <ul class="breadcrumb white">
		<li><a href="index-mp-layout1.html">Home</a></li>
		<li class="active">About</li>
	  </ul>
	</div>
  </div>
</div>
</div>
</section>

<!-- Section: About -->
<section>
<div class="container">
<div class="section-content text-center">
  <div class="row">
	<div class="col-xs-12 col-sm-6 col-md-3 mb-sm-40 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">
	  <img class="img-circle img-thumbnail mb-15" src="<?php echo get_template_directory_uri()?>/myassets/images/about/sq1.jpg" alt="">
	  <h4>Save water from polution</h4>
	  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero omnis unde nesciunt?</p>
	  <a href="#" class="btn btn-sm btn-theme-colored">Read more</a>
	</div>
	<div class="col-xs-12 col-sm-6 col-md-3 mb-sm-40 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.4s">
	  <img class="img-circle img-thumbnail mb-15" src="<?php echo get_template_directory_uri()?>/myassets/images/about/sq2.jpg" alt="">
	  <h4>Make the world greener</h4>
	  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero omnis unde nesciunt?</p>
	  <a href="#" class="btn btn-sm btn-theme-colored">Read more</a>
	</div>
	<div class="col-xs-12 col-sm-6 col-md-3 mb-sm-40 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
	  <img class="img-circle img-thumbnail mb-15" src="<?php echo get_template_directory_uri()?>/myassets/images/about/sq3.jpg" alt="">
	  <h4>Help to balance eco system</h4>
	  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero omnis unde nesciunt?</p>
	  <a href="#" class="btn btn-sm btn-theme-colored">Read more</a>
	</div>
	<div class="col-xs-12 col-sm-6 col-md-3 mb-sm-0 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.6s">
	  <img class="img-circle img-thumbnail mb-15" src="<?php echo get_template_directory_uri()?>/myassets/images/about/sq4.jpg" alt="">
	  <h4>Help to balance eco system</h4>
	  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero omnis unde nesciunt?</p>
	  <a href="#" class="btn btn-sm btn-theme-colored">Read more</a>
	</div>
  </div>
</div>
</div>
</section>

<!-- Section: About -->
<section class="bg-silver-light">
<div class="container">
<div class="section-content">
  <div class="row">
	<div class="col-md-6 wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.3s">
	  <h2 class="text-uppercase mt-0">Welcome To <span class="text-theme-colored">Ecocharity</span><br> HTML5 Tempalte</h2>
	  <h4 class="text-gray-dimgray font-weight-400"><em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.</em></h4> 
	  <p>Sit amet consectetur adipisicing elit. Aliquid iste iusto reiciendis praesentium dolorem doloribus nisi architecto voluptatibus explicabo, possimus ullam quae illum maiores aperiam consequuntur.</p> 
	  <p>Sit amet consectetur adipisicing elit. Aliquid iste iusto reiciendis praesentium dolorem doloribus nisi architecto voluptatibus explicabo, possimus ullam quae illum maiores aperiam consequuntur facere similique voluptatum.</p>
	  <a href="#" class="btn btn-flat btn-theme-colored text-uppercase mt-20 mb-sm-30 border-left-theme-color-2-4px">Read More</a>
	</div>
	<div class="col-md-6 wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.3s">
	  <div class="row mb-10">
		<div class="col-md-12">
		  <img class="img-fullwidth" src="<?php echo get_template_directory_uri()?>/myassets/images/about/ab1.jpg" alt="">
		</div>
	  </div>
	  <div class="row">
		<div class="col-md-6 pr-5 pr-sm-15 mb-sm-10">
		  <img class="img-fullwidth" src="<?php echo get_template_directory_uri()?>/myassets/images/about/ab2.jpg" alt="">
		</div>
		<div class="col-md-6 pl-5 pl-sm-15">
		  <img class="img-fullwidth" src="<?php echo get_template_directory_uri()?>/myassets/images/about/ab3.jpg" alt="">
		</div>
	  </div>
	</div>
  </div>
</div>
</div>
</section>  

<!-- Divider: Funfact -->
<section class="divider parallax layer-overlay overlay-dark-4" data-bg-img="<?php echo get_template_directory_uri()?>/myassets/images/bg/bg2.jpg" data-parallax-ratio="0.7">
<div class="container pt-90 pb-90">
<div class="row">
  <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
	<div class="funfact text-center">
	  <i class="pe-7s-smile mt-5 text-white"></i>
	  <h2 data-animation-duration="2000" data-value="754" class="animate-number text-theme-colored font-42 font-weight-500 mt-0 mb-0">0</h2>
	  <h5 class="text-white text-uppercase font-weight-600">Happy Donators</h5>
	</div>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
	<div class="funfact text-center">
	  <i class="pe-7s-rocket mt-5 text-white"></i>
	  <h2 data-animation-duration="2000" data-value="675" class="animate-number text-theme-colored font-42 font-weight-500 mt-0 mb-0">0</h2>
	  <h5 class="text-white text-uppercase font-weight-600">Success Mission</h5>
	</div>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
	<div class="funfact text-center">
	  <i class="pe-7s-add-user mt-5 text-white"></i>
	  <h2 data-animation-duration="2000" data-value="1248" class="animate-number text-theme-colored font-42 font-weight-500 mt-0 mb-0">0</h2>
	  <h5 class="text-white text-uppercase font-weight-600">Volunteer Reached</h5>
	</div>
  </div>
  <div class="col-xs-12 col-sm-6 col-md-3 mb-md-50">
	<div class="funfact text-center">
	  <i class="pe-7s-global mt-5 text-white"></i>
	  <h2 data-animation-duration="2000" data-value="24" class="animate-number text-theme-colored font-42 font-weight-500 mt-0 mb-0">0</h2>
	  <h5 class="text-white text-uppercase font-weight-600">Globalization Work</h5>
	</div>
  </div>
</div>
</div>
</section>

<!-- Divider: Donors -->
<section class="bg-silver-light">
<div class="container pt-30 pb-40">
<div class="row">
  <div class="col-md-12">          
	<h3 class="text-uppercase title line-bottom mt-0 mb-30"><i class="fa fa-calendar text-gray-darkgray mr-10"></i>Our Regular  <span class="text-theme-colored">Donors </span></h3>
	<!-- Section: Donors -->
	<div class="owl-carousel-6col text-center">
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/1.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/2.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/3.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/4.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/5.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/6.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/3.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/4.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/5.jpg" alt=""></a></div>
	  <div class="item"> <a href="#"><img src="<?php echo get_template_directory_uri()?>/myassets/images/donors/6.jpg" alt=""></a></div>
	</div>
  </div>
</div>
</div>
</section>
</div>
<!-- end main-content -->


<?php get_footer();?>