<?php include ('header.php'); ?>

<script src="<?php echo base_url();?>assets/js/jquery.min.js"></script>
  <script src="<?php echo base_url();?>assets/js/Chart.min.js"></script>
  <script src="<?php echo base_url();?>assets/js/pretty-doughtnut.js"></script>


  
<style>
<?php 

if(!empty($slider)){

$i=1;
foreach ($slider as $row) {           
?>

#first-slider <?php echo ".slide".$i; ?> {
    background-image: url(<?php echo base_url();?>uploads/vertical/slider/<?php echo $row['id'].".jpg"; ?>);
      background-size: cover;
    background-repeat: no-repeat;
}

<?php 
$i++;
}
}
?>




.content
 {
     text-align: center;
}


/*
.single-don {
    position: absolute;
    top: 43%;
    left: 37%;
}
*/
#happen {
    background-image: url(assets/img/bg.jpg);
    background-size: cover;
    background-position: center;
}

.margin {
  margin-top: 5px;
  margin-bottom: 1px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  
}

.content {
    text-align: center;
}


 #para
{
  min-height: 450px;
}
canvas {
  z-index: 100;
}

.labelPercentage {
  font-size: x-large;
}
 
.labelText {
  font-size: small;
  
}
 
.labelContainer {
  display: block;
  text-align: center;
  width: 100px;
   
}

#pendingLabel,#deliveredLabel,#delayedLabel
{
  top: 47px ;
}

frame {
  width:100%;
  border-radius: 4px;
  /*background: #ededed;*/
  padding: 0px;
  margin: 0px auto;
}

#donu 
{ 
    background: #fff url(../assets/img/bg-tabs.png) repeat;
 
}

.frame .content h1 {
  margin: 0 0 10px 0;
  text-align: center;
  color: white;
  font-weight: 100;
  text-transform: uppercase;
}

#svg {
      width: 100%;
     height: 300px; 
}


 

.chart {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  position: relative;
}
.doughnutTip {
  position: absolute;
  float: left;
  min-width: 30px;
  max-width: 300px;
  padding: 5px 15px;
  border-radius: 1px;
  background: rgba(0,0,0,.8);
  color: #ddd;
  font-size: 17px;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3;
  letter-spacing: .06em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  transform: all .3s;
  pointer-events: none;
}
.doughnutTip:after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  content: "";
  height: 0;
  margin: 0 0 0 -6px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 6px solid rgba(0,0,0,.7);
  line-height: 0;
}
.doughnutSummary {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #d5d5d5;
  text-align: center;
  text-shadow: 0 -1px 0 #111;
  cursor: default;
}
.doughnutSummaryTitle {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -27%;
  color: #000;
  text-align: center;
  font-size: 17px;
  letter-spacing: .06em;
}
.doughnutSummaryNumber {
  position: absolute;
  top: 50%;
  color: #000;
  width: 100%;
  margin-top: 0%;
  text-align: center;
  font-size: 30px;
}
.chart path:hover { 
  opacity: .65; 
}



#overlay{
  /*width:100%;
  height:100%;*/
  /*background:rgba(0,0,0,0.8);*/

  display: -webkit-box;
  -webkit-box-pack:center;
  -webkit-box-align:center;
  -webkit-box-orient:vertical;
  z-index:10000;
  position:absolute;
  top:0px;
  left:0px;

}
#getdirections{
  background:lightblue;
  width:90%;
  height:5%;
}
#map_getdirections{
  background:white;
  font-size:15px;
}
#mapview{
  width:90%;
  height:90%;
  background:url('images/back.gif') no-repeat;
  background-position:center center;
}

.override_close{
  top:10px!important;
  right:20px!important;
}


.override_close{
  top:10px!important;
  right:20px!important;
}

.col-big{
    position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width:20%;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
  cursor: default;
}

.hovereffect .overlay {
  width: 86%;
  height: 100%;
  left: 8%;
  position: absolute;
  overflow: hidden;
  top: 0;
  border-radius: 50%;
 
  background-color:rgba(14, 14, 14, 0.4) !important;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}


.ml5
{
  margin-left: 6%;
}

 
.hovereffect:hover .overlay {
  background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect img {
  display: block;
  position: relative;
  margin: auto;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  /*background: rgba(0, 0, 0, 0.6);*/
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover h2 {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  margin:0px;
}

.hovereffect p.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: capitalize;
  color: #fff;
  /*border: 1px solid #fff;*/
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-weight: normal;
  margin: 7px;
}

.hovereffect:hover p.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect p.info:hover {
  box-shadow: 0 0 5px #fff;
}


</style>
<!-- <script>
$(window).load(function() {
  doughnutWidget.options = {
    container: $('#container'),
    width: 100,
    height: 100,
    class: 'myClass',
    cutout: 50
  };

  doughnutWidget.render(data());

  setInterval(init, 2000);
});

function init() {
  doughnutWidget.render(data());
}

function data() {
    var data = {
    pending: {
      val: Math.round(Math.random() * 100),
      color: '#2AAEBE',
      click: function(e) {
        console.log('hi');
      }
    },
    delivered: {
      val: Math.round(Math.random() * 100),
      color: '#2AAEBE'
    },
    delayed: {
      val: Math.round(Math.random() * 100),
      color: '#2AAEBE',
      link: 'http://www.google.com'
    }
  };

  return data;
}
</script> -->


<link href="<?php echo base_url();?>assets/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
 
  <style type="text/css">
#first-slider .carousel .item {
    
  height: 100%;
  width:100%;
}

#first-slider h2
 {
    animation-delay: 3s;
    font-size: 48px;
    text-transform: uppercase;
    color: #327ca8;
    background: #000;
    padding-left: 15px;
    /*text-align: center;*/
}

 
 

.carousel-indicators li
 {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(16, 12, 12, 0.98);
    border: 1px solid #1d1b1b;
    border-radius: 10px;
}

 
</style>
    <!--/#main-nav-->

       <!--============ Slider   ===========-->
 
   <!--============ Slider   ===========-->
<div id="first-slider">
    <div id="carousel-example-generic" class="carousel slide carousel-fade">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            <li data-target="#carousel-example-generic" data-slide-to="4"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">

         <?php 
         if(!empty($slider)){
          $i=1;
          foreach ($slider as $row) {           
          
          ?>

            <!-- Item 1 --> 
            <div class="item <?php if($i==1){ ?> active <?php } ?> <?php echo "slide".$i; ?>">
                <div class="row"><div class="container">
                   
                    <div class="col-md-9 col-xs-12 text-left">
                  <!--       <h3 data-animation="animated bounceInDown"> We can add a punch line about Health here</h3>
                        <h4 data-animation="animated bounceInUp"> Easily use stunning effects</h4>   --> 

                        <h4 data-animation="animated fadeInDown" data-wow-delay="4s" class="parts1" >  <?php echo $row['header1']; ?>   </h4> 
                        <h2 data-animation="animated fadeInDown" data-wow-delay="3s" class="parts3"> <?php echo $row['header2']; ?> </h2>  
                                 
                     </div>

                      <div class="col-md-3 hidden-xs  text-right">
                        <!--<img class="img-responsive" data-animation="animated zoomInLeft" src="<?php echo base_url();?>assets/img/slider/globe_network.png">-->
                    </div>
                </div></div>
             </div> 
            <?php 
            $i++;
            }

          }
            ?>
    
        </div>
        <!-- End Wrapper for slides-->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <i class="fa fa-angle-left"></i><span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <i class="fa fa-angle-right"></i><span class="sr-only">Next</span>
        </a>
    </div>
</div>

 
    
  </header><!--/#home-->

<?php if(!empty($flash)){ ?>
<div style="padding: 0%; background: #37A5EC;" class="row">
<div class='col-md-1 col-lg-1' style="text-align:center;color: white;"><b>Flash News : </b></div>
<div class='col-md-11 col-lg-11'>
 <marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();"><b>
<span style="color: white;"> <?php echo $flash->news; ?> <a href="<?php echo $flash->url; ?>" target="_blank" style="color: white;"><?php echo $flash->name; ?></a></span></b>
</marquee>
</div>
</div>
<?php } ?>

<section id="about" style="background:#eee;">
      <div class="container-fluid pb-60">
        <div class="section-title text-center">
          <div class="row">
            <div class="col-md-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1200ms; animation-delay: 300ms; animation-name: fadeInUp;">
              <h3 class="text-uppercase mt-0">ABOUT HEALTH </h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p> Ethical, Cost effective & Rational healthcare to all. </p>
            </div>
          </div>
        </div>


        <div class="container">
            


            <div class="col-md-6 col-sm-6 wow fadeInLeft" data-wow-duration="1s">
          
              <div class="col__content intro-content mb-20">
                <h3 style="text-align: justify;">The Goal of the health sector is to provide high quality, cost-effective care in an equitable and sustainable manner with involvement of community and in alignment with the organizational interpretation of the core values.</h3>
                 <?php if(!empty($about->description))echo $about->description; else echo ""; ?>
            </div>

            </div>

             <div class="col-md-6 col-sm-6 text-center wow fadeInRight" data-wow-offset="3"  data-wow-delay="1s">

            
            <div class="col__content--right">

                    <blockquote class="quote--stacked">
                     <i class="fa fa-quote-left fa-2x" aria-hidden="true" style="color:#3d8dc1"></i>
                        <header class="source-stacked"> <?php if(!empty($about->header))echo $about->header; else echo ""; ?> </header>
                        <div class="text-stacked"><?php if(!empty($about->content))echo $about->content; else echo ""; ?></div>
                    
<h3><strong>I don’t know what your destiny will be, but one thing I do know-the only ones among you who will be really happy are those who have sought and found how to serve.</strong></h3>
<h3><strong> - Albert Schweitzer </strong></h3>
            </div>
       </blockquote>
 

            </div>
          </div>
         
      </div>
 

      <div ></div>
    </section>




<?php 

	$this->db->where(array('view' => 1 ,'type' => 'health'));
        $mainpgm=$this->db->count_all_results('programs_health_cover_tb');
        
        $this->db->where(array('view' => 0 ,'type' => 'health'));
        $subpgm=$this->db->count_all_results('programs_health_cover_tb');


?>


<!-- Section: Causes -->
    <section id="donu">
       <!-- start --> 
     <div class="container-fluid pb-60">
            <div class="section-title text-center">
          <div class="row">
            <div class="text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1200ms; animation-delay: 300ms; animation-name: fadeInUp;">
              <h3 class="text-uppercase mt-0"> Numbers Reached </h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p>The program reach and impact are depicted below.</p>
            </div>
          </div>
        </div>

 <div class="container"> 
   
  <!-- <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 ml5">
        <div class="hovereffect">
            <img class="img-responsive img-circle" src="<?php echo base_url();?>assets/images/6.jpg" alt="">
            <div class="overlay">
               <h2> 89% Institutional deliveries </h2>
               <p class="info"> Reproductive and Child Health Program creating&nbsp; awareness in the 58 tribal colonies &nbsp;of H D kote Tq.</p>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 ml5">
        <div class="hovereffect">
            <img class="img-responsive img-circle" src="<?php echo base_url();?>assets/images/7.jpg" alt="">
            <div class="overlay">
               <h2> <strong>63,300 </strong>individuals reached </h2>
               <p class="info">HIV care and control program operating across Karnataka</p>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6 ml5">
        <div class="hovereffect">
            <img class="img-responsive img-circle" src="<?php echo base_url();?>assets/images/6.jpg" alt="">
            <div class="overlay">
               <h2> 18000 Tribal population </h2>
               <p class="info">Reached in H D Kote taluk. Tribal population availing health care at a subsidized rate</p>
            </div>
        </div>
    </div>
</div>
      
      <div class="container"> -->


   
 


             <div class="col-md-12 wow fadeInRight" data-wow-offset="3"  data-wow-delay="1s">
<div class="row">

 
 
 
<!-- Right to left-->
<div class="row">
    <?php 
          if(!empty($reached)){
          $i=1; $j=0;
          foreach ($reached as $row) {           
          if($i<4){
          ?>
  <div class="col-sm-4 col-xs-6">
 
    <!-- colored -->
    <div class="ih-item circle <?php if($i==2){echo "colored";}?> effect2 right_to_left"><a>
        <div class="img"><img src="<?php echo base_url();?>uploads/vertical/reached/<?php echo $row['num_reach_id']; ?>.jpg" alt="img"></div>
        <div class="info">
          <h3><?php echo $row['title']; ?></h3>
          <?php echo $row['description']; ?>
        </div></a></div>
    <!-- end colored -->
 
  </div>
 <?php } $i++; $j++; } }?> 



<?php 
  if(!empty($reached)){
          $i=1; $j=3;
          foreach ($reached as $row) {           
          if($i>3){
          ?>

  <div class="col-sm-4 col-xs-6">
 
    <!-- colored -->
    <div class="ih-item circle <?php if($i!=2){echo "colored";}?> effect2 right_to_left"><a>
        <div class="img"><img src="<?php echo base_url();?>uploads/vertical/reached/<?php echo $row['num_reach_id']; ?>.jpg" alt="img"></div>
        <div class="info">
          <h3><?php echo $row['title']; ?></h3>
          <?php echo $row['description']; ?>
        </div></a></div>
    <!-- end colored -->
 
  </div>

   <?php $j++; } $i++;  } } ?>
</div>
<!-- end Right to left-->
 
 
 



 
          </div>
        

            </div>

           

          </div>
        </div>



 
    </section>
  
  

  
    <!-- start -->
<section id="operation">
     <div class="container-fluid pb-60">
            <div class="section-title text-center">
          <div class="row">
            <div class="text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1200ms; animation-delay: 300ms; animation-name: fadeInUp;">
              <h3 class="text-uppercase mt-0">Areas of Operation</h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p>Below are the areas in which we work.</p>
            </div>
          </div>
        </div>
      
      <div class="container no-padding">

           

             <div class="col-md-6 col-sm-6 wow fadeInLeft" data-wow-offset="3"  data-wow-delay="1s">

             <?php 

             if(!empty($areas)){

          foreach ($areas as $row) {           
          
          ?>

              <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10">
            <div class="panel panel-default sm-hgt">
                
                <div class="panel-content">
                    <h3 class="lead"><?php echo $row['title']; ?></h3>
                    <p> <?php echo $row['description']; ?></p>
                </div>
            </div>
           </div>
       
            <?php } } ?>

            </div>

             <div class="col-md-6 col-sm-6 wow fadeInRight" data-wow-duration="1s">
            <img src="<?php echo base_url();?>assets/img/shkf.jpg" class="img-responsive">
            </div>


          </div>
        </div>





</section>


<section>
<?php include('bannerdown.php'); ?>
</section>


<section class="publicaciones-blog-home" id="program">
<div class="container pb-60">

<?php if( $mainpgm>0){ ?>
        <div class="section-title text-center">
          <div class="row">
            <div class="text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1200ms; animation-delay: 300ms; animation-name: fadeInUp;">
              <h3 class="text-uppercase mt-0">Institution Based Health Programs</h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              
            </div>
          </div>
        </div>





  <div class="row">
       

      <?php 
        if(!empty($cover_data)){
          $i=0;
          foreach ($cover_data as $row) {

          if($row['view']=="1"){
          if($row['phc_id']==45){
         echo ' <div class="col-sm-3 col-md-3 col-lg-3"></div>';
          }
          if($row['phc_id']!=44){
          
          ?>

      <div class="col-sm-6" <?php if(count($cover_data)>2){ ?>style="padding-bottom: 1.5%;" <?php } ?>>
     <a target="_blank" href="<?php echo base_url();?>programs/view/<?php echo str_replace(" ","_",$row['name']);  ?>"> 
        <div class="news wht">
          <div class="img-figure">
             
            <img src="<?php echo base_url();?>uploads/programs/cover/<?php echo $row['phc_id']; ?>.jpg" class="img-responsive">
          </div>  
          <div class="title">
            <!-- <h1><?php echo $row['name']; ?></h1> -->
          </div>
          <div class="descr black">
            <h3><?php if(strlen($row['name'])>40){
              $stringCut = substr($row['name'], 0, 40);
              echo   $stringCut; 
              if(strlen($row['name'])>40){echo "...";}
             }else{

              echo $row['name'];
             } ?></h3>
          </div>
          
          <div class="col-md-6 col-sm-8 col-xs-8">
              <a target="_blank" href="<?php echo base_url();?>programs/view/<?php echo str_replace(" ","_",$row['name']);  ?>" class=" pl-30 pr-30 pt-10 pb-10 btn-newsbutton ab"> Discover now</a>
          <p class="black"> <br>
           </p>
          </div>
          
      </div>

    </a>
      </div>

      <?php } 
      
      if($row['phc_id']==45){
         echo ' <div class="col-sm-3 col-md-3 col-lg-3"></div>';
          }
      
      $i++; }  }  }?>


  </div><!--end of row-->
  
  <?php } ?>
  
  
  <?php if( $subpgm>0){ ?>
  
<div class="row mt-30 mb-30">
            <div class="text-center col-sm-12   wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1200ms; animation-delay: 300ms; animation-name: fadeInUp;">
              <h3 class="text-uppercase mt-0">Community Based Health Programs</h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
             
            </div>

            <div class="col-md-12">

             
</div>
          </div>
  <!--start of new row-->

    <div class="row mtli-row-clearfix">


    <div class="carousel slide" id="myCarousel2">
        <div class="carousel-inner">

            <div class="item active">
             
 
                    <div class="row" id="par">

    <?php 
        if(!empty($cover_data)){
          $i=0;
          foreach ($cover_data as $row) {
          if($row['view']=="0"){           
          if($i<3){
          ?>

      <div class="col-md-4 col-sm-4">
      <a target="_blank" class="effect" href="<?php echo base_url();?>programs/view/<?php echo str_replace(" ","_",$row['name']);  ?>">
        <img src="<?php echo base_url();?>uploads/programs/cover/<?php echo $row['phc_id']; ?>.jpg" class="img-responsive">
        <h3 class="topik"><?php echo $row['name']; ?></h3>
      
      </a>
      </div>
      <?php } $i++; }  } } ?>
    </div><!--end of second row-->

              
             
              </div><!-- /Slide1 --> 

 <?php if( $subpgm>3){ ?> 
            <div class="item">
            
                    <div class="row" id="par">

    <?php 
        if(!empty($cover_data)){
          $i=0;
          foreach ($cover_data as $row) {
          if($row['view']=="0"){           
          if($i>2 && $i<7){
          ?>

      <div class="col-md-4 col-sm-4">
      <a target="_blank" class="effect" href="<?php echo base_url();?>programs/view/<?php echo str_replace(" ","_",$row['name']);  ?>">
        <img src="<?php echo base_url();?>uploads/programs/cover/<?php echo $row['phc_id']; ?>.jpg" class="img-responsive">
        <h3 class="topik"><?php echo $row['name']; ?></h3>
      
      </a>
      </div>
      <?php } $i++; }  } } ?>
    </div><!--end of second row-->
 
            
              </div><!-- /Slide2 --> 
              
              
               <?php } if( $subpgm>6){ ?> 
              
              <div class="item">
            
                 <div class="row" id="par">



      <?php 
        if(!empty($cover_data)){
          $i=0;
          foreach ($cover_data as $row) {
          if($row['view']=="0"){           
          if($i>5 && $i<9){
          ?>

      <div class="col-md-4 col-sm-4">
       <a target="_blank" class="effect" href="<?php echo base_url();?>programs/view/<?php echo str_replace(" ","_",$row['name']);  ?>">
        <img src="<?php echo base_url();?>uploads/programs/cover/<?php echo $row['phc_id']; ?>.jpg" class="img-responsive">
        <h3 class="topik"><?php echo $row['name']; ?></h3>
      
      </a>
      </div>
      <?php } $i++; }  } } ?>
    </div><!--end of second row-->   
            
              </div><!-- /Slide3 -->
            
            <?php } ?>
            
        </div>
        
        <?php 
        
        $this->db->where(array('view' => 0 ,'type' => 'health'));
        
        $numbers= $this->db->count_all_results('programs_health_cover_tb');

        
        if($numbers>3){ ?>
        
            <div class="carousel-controls">
          <a class="left carousel-control " href="#myCarousel2 " data-slide="prev">
            <span class="fa fa-chevron-left"></span>
          </a>
          <a class="right carousel-control " href="#myCarousel2 " data-slide="next">
            <span class="fa fa-chevron-right"></span>
          </a>
      </div> 
      
      <?php } ?>
                              
    </div><!-- /#myCarousel -->
        
        
      <!-- Controls -->
    

         
        </div>

<?php } ?>

        </div>
        
  </section>


  
  
  




  <section id="happen">
<div class="container-fluid pb-60">
        <div class="section-title text-center">
          <div class="row">
            <div class="text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1200ms; animation-delay: 300ms; animation-name: fadeInUp;">
                  <h3 class="text-uppercase mt-0"> Latest News</h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p>Below are the Latest News and Updates of SVYM.</p>
            </div>
          </div>
        </div>

         <div class="col-md-12 mtli-row-clearfix hppeni">
          
             <div class="col-md-9 no-padding">
               <div id="myCarousel" class="carousel slide" data-ride="carousel">
    
      <!-- Wrapper for slides -->
      <div class="carousel-inner">
    
        <?php 

          $i=1;
          foreach ($happenings as $row) {           
          
          ?>
    
        <div class="item <?php if($i==1){ ?> active <?php } ?>">
          <img src="<?php echo base_url();?>uploads/happening/<?php echo $row['lhs_id'].'.jpg'; ?>" class="img-responsive">
           <div class="carousel-caption">
            <h4><a target="_blank" href="<?php echo base_url().'happening/happenings_view/'.$row['lhs_id']; ?>" class="white" target="_blank"> <?php echo  $row['title']; ?></a></h4>
             <?php 
             if(strlen($row['description'])>210){
              $stringCut = substr($row['description'], 0, 210);
              echo   $stringCut."...".'&nbsp;&nbsp;<a class="label label-primary" href="'.base_url().'happening/happenings_view/'.$row['lhs_id'].'" target="_blank"> Read more</a>';
             }else{

              echo $row['description'];
             }
             
             ?> 
          </div>
        </div><!-- End Item -->
 
         <?php $i++; } ?>        
                
      </div><!-- End Carousel Inner -->


    <ul class="list-group col-sm-3 no-padding">

    <?php 

          $i=1; $j=0;
          foreach ($happenings as $row) {           
          if($i<4){
          ?>

      <li data-target="#myCarousel" data-slide-to="<?php echo $j; ?>" class="list-group-item active">
         <img src="<?php echo base_url();?>uploads/happening/<?php echo $row['lhs_id'].'.jpg'; ?>" class="img-responsive">
           <div class="carousel-caption">
              <?php echo  $row['title']; ?>
             
          </div>

      </li>
      

       
     <?php } $i++; $j++; } ?>
    </ul>


    </div><!-- End Carousel -->

             </div>

             <div class="col-md-3 no-padding">
           
   <div id="my" class="carousel slide" data-ride="carousel">

    <ul class="list-group col-sm-9 no-padding">
    <?php 

          $i=1; $j=3;
          foreach ($happenings as $row) {           
          if($i>3){
          ?>

      <li data-target="#myCarousel" data-slide-to="<?php echo $j; ?>" class="list-group-item active">
         <img src="<?php echo base_url();?>uploads/happening/<?php echo $row['lhs_id'].'.jpg'; ?>" class="img-responsive">
           <div class="carousel-caption">
             <?php echo  $row['title']; ?>
             
          </div>

      </li>
      

       <?php $j++; } $i++;  } ?>
     
    </ul>

    </div>
   
             </div>


      <!-- Controls -->
    <!--   <div class="carousel-controls">
          <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
          </a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
          </a>
      </div> -->

               



              
        </div>
 
           

        </div>
  </section>







    



    <section id="para" class="para12">
      <div class="container-fluid  pb-80">
        <div class="section-title text-center">
          <div class="row">
            <div class="col-md-8 col-sm-offset-2 wow fadeInUp pt-110 mob-t110" data-wow-duration="1200ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1200ms; animation-delay: 300ms; animation-name: fadeInUp;">
                
               <!-- <a class="donate-btn bounce-to-right"  target="_blank"  href="<?php echo base_url();?>team1/team_view/health">Our Team </a> --> </div>

       
          </div>
        </div>


       
         
      </div> 
    </section>


     
 




<div class="container-fluid pt-60 pb-60" id="member"  >
    <div class="container" id="section">
    <div class="row">
        <div class="section-title text-center">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              <h3 class="text-uppercase mt-0">Our Current Partners</h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p>We are thankful for the synergistic partnerships and the philanthropic efforts of our stakeholders which has helped us touch many lives.</p>
            </div>
          </div>
        </div>
    
    <div class="col-md-12">

<h2 class="text-center"></h2>

      <div class="col-md-3 col-sm-3 no-padding text-center">
        <a target="_blank" href="partners#Corporate">
                           <img class="img-circle" src="<?php echo base_url();?>assets/img/corp.png" style="width:100px;"/> 
                            <span class="quote"> <br> Corporate </span> <span><br> Sector </span>
         </a>

      </div>

       <div class="col-md-3 col-sm-3 no-padding text-center">
        <a target="_blank" href="partners#govt">
                          <img class="img-circle" src="<?php echo base_url();?>assets/img/govt.png" style="width:100px;"/>
                            <span class="quote"><br>  Government</span> <span><br> Sector </span>
                        </a>

      </div>

       <div class="col-md-3 col-sm-3 no-padding text-center">
         <a target="_blank" href="partners#academics">
                            <img class="img-circle" src="<?php echo base_url();?>assets/img/aced.png" style="width:100px;"/> 
                            <span class="quote"> <br> Academic</span> <span><br> Institutions</span>
                        </a>

      </div>

       <div class="col-md-3 col-sm-3 no-padding text-center">
         <a target="_blank" href="partners#ngo">
                          <img class="img-circle" src="<?php echo base_url();?>assets/img/ngo.png" style="width:100px;"/> 
                            <span class="quote"> <br> Civil Society</span> <span><br> Organisation</span>
                        </a>

      </div>

                        

                        

                       

                         



 



         
    </div>


<section id="carousel"> 
<div class="col-md-12" style="padding-top: 5%;">
<h2 class="text-uppercase mt-0 text-center"> Testimonials </h2>
          
  
    <div class="row">
      <div class="col-md-12">
          
        <div class="carousel slide" id="fade-quote-carousel" data-ride="carousel" data-interval="3000">
          <!-- Carousel indicators -->
                  <ol class="carousel-indicators">
            <li data-target="#fade-quote-carousel" data-slide-to="0" class="active"></li>
            <li data-target="#fade-quote-carousel" data-slide-to="1" class=""></li>
            <li data-target="#fade-quote-carousel" data-slide-to="2" class=""></li>
                    <li data-target="#fade-quote-carousel" data-slide-to="3" class=""></li>
                    <li data-target="#fade-quote-carousel" data-slide-to="4" class=""></li>
                    <li data-target="#fade-quote-carousel" data-slide-to="5" class=""></li>
          </ol>
          <!-- Carousel items -->
          <div class="carousel-inner">

            <?php 
          if(!empty($says)){
            $i=1;
          foreach ($says as $row) {           
         
          ?>
            <div class="item <?php if($i==1){ ?> active <?php } ?>">
                        <div class="profile-circle" style="background-color: white;"></div>
              <blockquote style="text-align: center;">
                <p class="testp"><?php echo $row['says']; ?></p>
                     <p style="text-align:center;"> <?php echo $row['name']; ?> </p>
              </blockquote>
            </div>
<?php  $i++;} } else { ?>

        <div class="item active">
                        <div class="profile-circle" style="background-color: white;"></div>
              
                <p>No Data Available.</p>
              
            </div>

<?php } ?>
          </div>
        </div>
      </div>              
    </div>
</div>
</section>  



 

    </div>
  </div>
</div>

     
     

 <script src='http://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.3.0/snap.svg-min.js'></script> 
    <script> 

var programmingSkills = [

<?php 
$i=0;
foreach ($income as $row) {  
  
?>

    {
        value: <?php echo $row['percent']; ?>,
        label: '<?php echo $row['name']; ?>',
        color: '<?php echo $color[$i]; ?>'
    },
  
     
   <?php $i++; }  ?>    
];
</script> 

<?php include('footer.php');?>