<?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>
.program  img:last-child {
  display: none;  
}
.program:hover  img:last-child {
  display: block;  
}
.program:hover  img:first-child {
  display: none;  
}
<?php 
$i=1;
foreach ($slider as $row) {            
?>

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

<?php 
$i++;
}
?>

.margin {
  margin-top: 5px;
  margin-bottom: 1px;
   
  margin-right: 20px;
  display: flex;
  
}
 #para
{
  min-height: 450px;
}
canvas {
  z-index: 100;
}

.labelPercentage {
  font-size: x-large;
}
 
.labelText {
  font-size: small;
  
}
 

#happen {
    background-image: url(assets/img/bg.jpg);
    background-size: cover;
    background-position: center;
}

/* .single-don
{
  position: absolute;
    top: 43%;
    left: 15%;
} */


.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;
}

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

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

.content { 
  text-align: center; 
}


.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;
}

</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 = {
<?php 
$i=1;
foreach ($crisis as $row) {  
if($i==1){     
?>
    pending: {
      val: <?php echo $row['value']; ?> ,
      color: '#2AAEBE',
      click: function(e) {
        console.log('hi');
      }
    },
<?php }  if($i==2){ ?>

    delivered: {
      val: <?php echo $row['value']; ?>,
      color: '#2AAEBE'
    },

    <?php }  if($i==3){ ?>

    delayed: {
      val: <?php echo $row['value']; ?>,
      color: '#2AAEBE',
      link: 'http://www.google.com'
    }

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

  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 {
  min-height:660px; 
  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   ===========-->
<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>
            <li data-target="#carousel-example-generic" data-slide-to="5"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <?php 

          $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-7 col-xs-12 text-left">
                        <p data-animation="animated fadeInDown" data-wow-delay="2s" class="part"> <?php echo $row['header1']; ?> </p>
                        <h4 data-animation="animated fadeInDown" data-wow-delay="4s" class="part1" >  <?php echo $row['header2']; ?>    </h4> 
                        <h2 data-animation="animated fadeInDown" data-wow-delay="3s" class="part3"> <?php echo $row['header3']; ?> </h2>  
                        
                          
           <?php if(($row['header1']!="" && $row['header2']!=""|| $row['header3']!="") ){ ?>            
          <button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInLeft" data-wow-delay="14s"><a target="_blank" href="<?php echo base_url();?>donateIND"">   Donate Now </a></button>
          <button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInRight" data-wow-delay="16s"><a target="_blank" href="<?php echo base_url();?>aboutus"">   Learn More </a></button>
        
       <?php } ?>
        
                     </div>
                     <div class="col-md-5">

                     </div>
                </div></div>
             </div> 
            <!-- Item 2 -->
            <?php 
            $i++;
            
            }
            ?>
    
        <div class="progress_bar">
 
</div>
        </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-2 col-lg-2' style="text-align:center;color: white;"><b>Flash News | </b></div>
<div class='col-md-10 col-lg-10'>
 <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 } ?>

  
 <!-- 
<div style="padding: 0%; background: #37A5EC;">
 <marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();"><b>
<span style="color:#000000" > <a href="<?php echo base_url().'electives'; ?>" target="_blank" style="color: white;">Announcement: Fellowship in HIV Medicine offered in Vivekananda Memorial Hospital, SVYM, H D Kote taluk, Mysuru Dist, Karnataka.</a></span></b>
</marquee>
</div>-->
 

 <!-- Intro to SVYM -->

<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;"> </br></br>
              <h3 class="text-uppercase mt-0">Swami Vivekananda Youth Movement (SVYM)</h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p>Non Political, Non Religious, Not for Profit organization</p>
            </div>
          </div>
        </div>


        <div class="container">
            


            <div class="col-md-6 col-sm-6 wow fadeInLeft blblack" data-wow-duration="1s">
              
              <div class="col__content intro-content mb-20"></br>
                <h3 style="font-weight: bold;">Swami Vivekananda Youth Movement (SVYM) </h3>

<p style="font-size:20px;">is a development Organization engaged in building a new civil society in India through its grassroots to policy level action in Health, Education, Community Development &amp; Training sectors.</p>

<p style="font-size:20px;">SVYM believes that building human and social capital will result in economic consequences and all of SVYM’s programs are driven by this development paradigm. </p>

            </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-x" aria-hidden="true" style="color:#3d8dc1"></i>
                       
                        <div class="text-stacked" style="font-size:20px;">In the world take always the position of the giver. Give everything and look for no return. Give love, give help, give service, give any little thing you can, but keep out barter. Make no conditions, and none will be imposed. Let us give out of our own bounty, just as God gives to us.</div>
                              <header class="source-stacked"> - Swami Vivekananda </header>
                    </blockquote>
            </div>
       
 

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

 <!-- Intro to SVYM -->





<div class="container-fluid pb-60 " id="crisis" >
     <div class="section-title text-center pt-60">
          <div class="row">
            <div class="text-center col-sm-8 col-sm-offset-2 wow fadeInUp" data-wow-duration="1200ms" data-wow-delay="300ms">
              <h3 class="text-uppercase mt-0">Our Reach</h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p>With more than 30 years of experience SVYM has built its network across all the 31 districts of Karnataka with 500 plus employees.</p>
            </div>
          </div>
        </div>



<div class="container text-center" >

 <div id="container1" class="margin" role="group">
    
     <?php 
$i=1;
foreach ($crisis as $row) {  
    
?>
    <div class="col-lg-4 col-md-4 col-sm-4  text-center">
          <canvas id="canvas<?php echo $i ?>"  style="height:200px !important,width:400px"></canvas>
                 <div class="donut-inner">
                     <h5 class="percentdonu" ><?php echo $row['value'] ?>%</h5>              
 <span style=""><?php echo $row['status'] ?></span></br>
   <!-- <span style="">Recommend us</span>   -->
          </div>

      </div>
<?php 

$i++;

}

?>   
          
              
 </div>
 
</div>

      
</div>
 
 <section id="  ">
 

     <div class="" >      
<div class="row text-center">

      <div class="col-md-8 col-sm-8 no-padding pt-30 pb-30 texture">
  <div class="col-md-7 col-sm-6"> 

      
                  <div class="">
                    <p class="big">2.5</p>
            <p class="ptitle tu white">Million People </p>
            <p class="subtitle tu f12 fw100 white">Reached Through SVYM Programs</p>
          </div>



   </div>
   
   
  <div class="col-md-3 col-sm-6">

      
                  <div class="">
                    <p class="big">100+</p>
            <p class="ptitle tu white">Partner Organisations</p>
            <p class="subtitle f12 tu fw100 white">Are supporting SVYM activities</p>
          </div>



   </div>




  <div class="col-md-7 col-sm-6"> 

      
                  <div class="">
                    <p class="big">800+</p>
            <p class="ptitle tu white">Full-Time Employees</p>
            <p class="subtitle f12 tu fw100 white">Are Actively Contributing to the Society</p>
          </div>



   </div>
   
   
  <div class="col-md-3 col-sm-6">

      
                  <div class="">
                    <p class="big">40+</p>
            <p class="ptitle tu white">Community based Projects</p>
            <p class="subtitle f12 tu fw100 white">More than 460 SHG's</p>
          </div>



   </div>
 </div>

   <div class="col-md-4 col-sm-4 no-padding map">
     <div class="col-md-12 col-sm-6">
        <a target="_blank" href="<?php echo base_url();?>map" class="btn btn-info mt-150">Click here to view </a>
     </div> 
   </div>
</div>
</div>
 
        


 
  </section>
 
 
 


<!-- start -->


<section class="publicaciones-blog-home" id="verticals">
<div class="pt-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">Major Sectors </h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p>Following are the four main verticals where we work. <br>Be the change you want to see!</p>
            </div>
          </div>
        </div>

        <div class="programs-slider program3">

            <a target="_blank" href="health" class="program">
                <div class="bg hidden-xs"><img class="" src="<?php echo base_url();?>assets/img/principles/health1.jpg" alt="LRA Crisis Tracker image" style="left: -182px;">
                  <img class="" src="<?php echo base_url();?>assets/img/principles/health.jpg" alt="LRA Crisis Tracker image" style="left: -182px;">
                </div>
                <div class="content">
                    <div class="title">
                        <p class="widowIgnore"> HEALTH </p>
                    </div>
                    <p class="icon widowIgnore" align="center"><img src="<?php echo base_url();?>assets/img/verticals/health.svg" alt="LRA Crisis Tracker icon"></p>
                </div>
              </a>

              <a target="_blank" href="education" class="program">
                <div class="bg hidden-xs"><img class="" src="<?php echo base_url();?>assets/img/principles/edu1.jpg" alt="Early Warning Radio Network image" style="left: -182px;">
                  <img class="" src="<?php echo base_url();?>assets/img/principles/edu.jpg" alt="Early Warning Radio Network image" style="left: -182px;">
                </div>
                <div class="content">
                    <div class="title">
                        <p class="widowIgnore"> EDUCATION </p>
                    </div>
                    <p class="icon widowIgnore" align="center"><img src="<?php echo base_url();?>assets/img/verticals/educat.svg" alt="Early Warning Radio Network icon"></p>
                </div></a>

    

                <a target="_blank" href="seep" class="program">
                <div class="bg hidden-xs"><img class="" src="<?php echo base_url();?>assets/img/principles/seep1.jpg" alt="‘Come Home’ Defection Messaging image" style="left: -182px;">
                  <img class="" src="<?php echo base_url();?>assets/img/principles/seep.jpg" alt="‘Come Home’ Defection Messaging image" style="left: -182px;">
                </div>
                <div class="content">
                    <div class="title">
                        <p class="widowIgnore"> SEEP </p>
                    </div>
                    <p class="icon widowIgnore" align="center"><img src="<?php echo base_url();?>assets/img/verticals/research.svg" alt="‘Come Home’ Defection Messaging icon"></p>
                </div></a>

                <a target="_blank" href="research" class="program">
                <div class="bg hidden-xs"><img class="" src="<?php echo base_url();?>assets/img/principles/training.jpg" alt="Community Defection Committees image" style="left: -182px;">
                  <img class="" src="<?php echo base_url();?>assets/img/principles/training1.jpg" alt="Community Defection Committees image" style="left: -182px;">
                </div>
                <div class="content">
                    <div class="title">
                        <p class="widowIgnore"> TRAINING & RESEARCH </p>
                    </div>
                    <p class="icon widowIgnore" align="center"><img src="<?php echo base_url();?>assets/img/verticals/seep.svg" alt="Community Defection Committees icon"></p>
                </div></a>  <div class="btn-wrap programs-slider-btn">
    
  </div>
</div>






 
        </div>
  </section>




<section id="reports">
<div class="container pb-40">
        <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"> Operational Information </h3>
              <div class="title-icon">
                <i class="flaticon-charity-hand-holding-a-heart"></i>
              </div>
              <p>Source: Audited - Financial Statement 2015-16</p>
            </div>
          </div>
        </div>
 
          <div class="row">
            <div class="col-md-4 col-sm-4 no-padding text-center">
        <a class="getdata" data-custom-value="<?php if(!empty($finance)){ echo $finance->r_id; }?>" data-custom-value2="download" href="javascript:void(0);">
                       
                           <img class="" src="https://svym.org/assets/img/FR.png" style="width:100px;"> 
                            <div>
                 <p class="no-padding"> Latest Financial Report </p></div>
         </a>

      </div>
	  <div class="col-md-4 col-sm-4 no-padding text-center">
        <a class="getdata" data-custom-value="<?php if(!empty($annual)){ echo $annual->r_id; }?>" data-custom-value2="download" href="javascript:void(0);">
                    
                           <img class="" src="https://svym.org/assets/img/AR.png" style="width:100px;"> 
                            <div>
                 <p class="no-padding"> Latest Annual Report </p> </div>
         </a>

      </div>
	  <div class="col-md-4 col-sm-4 no-padding text-center">
        <a class="getdata" data-custom-value="<?php if(!empty($fcra)){ echo $fcra->r_id; }?>" data-custom-value2="download" href="javascript:void(0);">
                       
                           <img class="" src="https://svym.org/assets/img/FCRA.png" style="width:100px;"> 
                            <div>
                 <p class="no-padding"> Latest FCRA Report </p> </div>
         </a>

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

     <div class="container-fluid pt-0 pb-20" style="background:#FFFFFF;">      
<div class="row mob-center">

  <!-- <div class="col-md-1"> </div> -->
  <div class="col-md-6 col-sm-6 col-xs-12  text-center">
<div class="sm-height hidden-xs" style="height:40px"></div>
<h4 class=""> Expenditure Breakup</h4>
<?php foreach ($expand as $row) { $sum ='' ?>
    <h5 class="fund"> <?php echo $row['name']; ?> : <?php echo $row['amount']; ?>%</h5>
    <h5 class="fund1"></h5>
    
<?php  } ?>

   
  
   </div>
  <div class="col-md-6 col-sm-6 col-xs-12">

     <div class="frame" id="donutsvg">
  <div class="content">
    <p class="single-don"> 2016-17 Income<br> ₹ <?php if(!empty($income)){
foreach ($income as $row) {  
  $sum = $row['income']+$sum;
} 

echo $sum."L";

}

 ?> </p>
    <svg id="svg"> </svg> </div>
     </div>

  </div> 
</div>
  <div class="row text-center"> 
     <p>
    <?php foreach ($opinfo as $row) { 
    echo $row['description'];
      }?>
    </p>
 <a target="_blank" href="partners">  <b> View Our Proud Supporters</b> </a>
</div>
   
</div>
</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>
              <b>Below are the Latest News and Updates of SVYM.</b>
            </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 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">
             <p class="text-limit"> <?php echo  $row['title']; ?> </p>
             
          </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">
             <p class="text-limit"> <?php echo  $row['title']; ?> </p>
             
          </div>

      </li>
      

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

    </div>
   
             </div>

            



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

        </div>
  </section>


    


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


 
<!--TEAM-->
          


 


<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>

<!-- line modal -->
<div class="modal fade" id="ukmodal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog">
  <div class="modal-content">
     
    <div class="modal-body">
      
           <h4> <b> You'll be redirected to our official Indian website. Would you like to continue?  </b></h4>

    </div>
    <div class="modal-footer">
      <div class="btn-group btn-group" role="group" aria-label="group button">
      
         
        <div class="btn-group" role="group">
         <button type="button" class="btn btn-success btn-vote" style="background:#027db3;border:1px solid #027db3;"> <a href="<?php echo base_url();?>home" style="color:white;"> Yes </a></button>
              <button type="button" class="btn btn-default btn-close" data-dismiss="modal" style="
    margin-left: 8px;
"> No </button>
         </div>
      </div>
    </div>
  </div>
  </div>
</div>
     
    

<!-- form popup-->
<div id="enquirypopup" class="modal fade in" role="dialog">
    <div class="modal-dialog">
      
      <!-- Modal content-->
      <div class="modal-content row">
        <div class="modal-header custom-modal-header">
          <button type="button" class="close" data-dismiss="modal">×</button>
          <h4 class="modal-title">Enquire Now</h4>
        </div>
        <div class="modal-body">
          <form name="info_form" class="form-inline" action="#" method="post">
            <div class="form-group col-sm-12">
              <input type="text" class="form-control" name="name" id="name1" placeholder="Enter Name">
            </div>
            <div class="form-group col-sm-12">
              <input type="email" class="form-control" name="email" id="email1" placeholder="Enter Email">
            </div>
            
          
            <div class="form-group col-sm-12">
              <input type="text" class="form-control" name="phone" id="phone1" placeholder="Enter Phone">
            </div>
            
        
            <div class="form-group col-sm-12">
              <button type="submit" class="btn btn-default pull-right">Submit</button>
            </div>
          </form>
        </div>
        
      </div>
      
    </div>
  </div>


<div class="modal fade" id="report" role="dialog" style="    top: 25%;">
    <div class="modal-dialog">
    
      <!-- Modal content-->
       <div class="modal-content row">
        <div class="modal-header custom-modal-header">
          <button type="button" class="close" data-dismiss="modal">×</button>
          <h4 class="modal-title">Please Submit Your Details</h4>
        </div>
        <div class="modal-body">
          <form name="info_form" class="form-inline" action="#" method="post" id="info_form">
          <input type="hidden" name="report_id" id="report_id">
          <input type="hidden" name="status" id="status">
           <input type="hidden" name="" id="getfile">
            <div class="form-group col-sm-12">
              <input type="text" class="form-control" name="name" id="name" placeholder="Enter Name">
            </div>
            <div class="form-group col-sm-12">
              <input type="email" class="form-control" name="email" id="email" placeholder="Enter Email">
            </div>
            
          
            <div class="form-group col-sm-12">
              <input type="number" class="form-control" name="phone" id="phone" placeholder="Enter Phone">
            </div>
            
        
            <div class="form-group col-sm-12">
              <button type="button" class="submit btn btn-default pull-right">Submit</button>
            </div>
          </form>
        </div>
        
      </div>
      </div>
      
    </div>
 
  
      <div class="modal fade" id="thanku" role="dialog">
    <div class="modal-dialog">
    
       <!-- Modal content-->
       <div class="modal-content row">
        <div class="modal-header custom-modal-header">
          <button type="button" class="close" id="msgclose"  data-dismiss="modal">×</button>
          <!-- <h4 class="modal-title">Please Submit Your Details</h4> -->
        </div>
        <div class="modal-body">
         <p style="text-align: center;">Thank you for submitting your details. Please check your E-mail, we have sent you the link to download document. </p>
        </div>
        
      </div>
      </div>
      
    </div>
<!-- form popup end-->


 

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

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.js"></script>
   <script> 


$(document).ready(function () {

        var inView = false;
        var inView1 = false;

      function isScrolledIntoView(elem) {
            var docViewTop = $(window).scrollTop();
            var docViewBottom = docViewTop + $(window).height();

            var elemTop = $(elem).offset().top;
            var elemBottom = elemTop + $(elem).height();

            return ((elemTop <= docViewBottom) && (elemBottom >= docViewTop));
        }
         <?php 
$i=1;
foreach ($crisis as $row) {  
if($i==1){     
?>
          var pieData= [
            {
                value: <?php echo $row['value']; ?>,
                color: "#028fcc"
            },
            {
                value: 100 - <?php echo $row['value']; ?>,
                color: "#CCCCCC"
            }
        ];

<?php 
}else{

?>

 var pieData<?php echo ($i-1); ?>= [
            {
                value: <?php echo $row['value']; ?>,
                color: "#028fcc"
            },
            {
                value: 100 - <?php echo $row['value']; ?>,
                color: "#CCCCCC"
            }
        ];
<?php

}
$i++;
}     
?>

        $(window).scroll(function () {
            if (isScrolledIntoView('#canvas1')) {
                if (inView1) { return; }
                inView1 = true;
                var myPie = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(pieData, { percentageInnerCutout: 60 });
               var myPie = new Chart(document.getElementById("canvas2").getContext("2d")).Doughnut(pieData1, { percentageInnerCutout: 60 });
 var myPie = new Chart(document.getElementById("canvas3").getContext("2d")).Doughnut(pieData2, { percentageInnerCutout: 60 });


            } else {
                inView1 = false;
            }
        });
});


</script> 



<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> 



<script>

$(document).ready(function(){

   $(document).on('click', '.getdata', function() {
    
    var getid = $(this).data("custom-value");
    var status=$(this).data("custom-value2");
     var fname = $(this).data("custom-value3");
    $('#report_id').val(getid);
    $('#status').val(status);
    $('#getfile').val(fname);
    $('#report').modal("show");
   $(".modal-open").css("padding-right","0px");
              
});


$(document).on('click', '#msgclose', function() {
    
    $('#thanku').modal("hide"); 
    $(".modal-open").css("padding-right","0px");     
});


   $(document).on('click', '.submit', function() {
  var status=$('#status').val();
 
   var rid=$("#report_id").val(); 
   var name=$("#name").val();
   var phone=$("#phone").val();
   var mail=$("#email").val();

   var regex = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;;
  if(name.length<5){
    alert("Enter valid name");
  }else if(phone.length<10){

    alert("Enetr your valid mobile number");
  }else if(mail.length<15){
  alert("Enetr your valid email");
  }else if(!isValidEmailAddress(mail)){
  alert("Enetr your valid email");
  }else{
	$('#report').modal("hide");
	$("#info_form")[0].reset();
        $('#thanku').modal("show"); 
	
$.ajax({
                     url: "<?php echo base_url();?>media/users",
                     method:"post",
                     data:{id:rid, name:name, phone:phone, mail:mail, status:status},
                    success : function(response) {
                      
                     
                        if(response=="download"){
                          
                        //$("#info_form")[0].reset();
                        // $('#thanku').modal("show");
                        
                        
                      }
                    }
                });
}
   
   
              
});

function isValidEmailAddress(emailAddress) {
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i;
    return pattern.test(emailAddress);
};

});
</script>

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