|
Server IP : 192.185.129.71 / Your IP : 3.21.33.186 Web Server : Apache System : Linux bh-ht-3.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : svymadmin ( 4072) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home4/svymadmin/public_html/site/views/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>SVYM</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/donation.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href="css/css-plugin-collections.css" rel="stylesheet">
<link href="css/style-main.css" rel="stylesheet">
<link href="css/card.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link id="css-preset" href="css/presets/preset1.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<script src="js/canvasjs.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/animate.css/3.5.1/animate.min.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<script>
if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
var root = document.getElementsByTagName('html')[0];
root.setAttribute('class', 'ff');
};
</script>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
title: {
text: "Basic Column Chart"
},
data: [{
type: "column",
dataPoints: [
{ y: 45, label: "Apple" },
{ y: 31, label: "Mango" },
{ y: 52, label: "Pineapple" },
{ y: 10, label: "Grapes" },
{ y: 46, label: "Lemon" },
{ y: 30, label: "Banana" },
{ y: 50, label: "Watermelon" },
{ y: 28, label: "Coconut" },
{ y: 45, label: "Lychee" },
{ y: 15, label: "Palm" },
{ y: 48, label: "Orange" },
{ y: 38, label: "Muskmelon" },
{ y: 41, label: "Strawberry" },
{ y: 25, label: "Kiwi" },
{ y: 50, label: "Guava" },
]
}]
});
chart.render();
}
</script>
<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: #FF5722;
background: white;
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>
<style>
.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;
}
#route_direction_start{
/*width:10%;*/
height:10%;
/*background:red;*/
background-size:100% 50%;
background-position: center right;
}
#route_options_parent{
/*width: 25%;*/
position: fixed;
background: none;
top: 145px;
right: 0px;
margin-top: 5%;
-webkit-transition: -webkit-transform 1s;
display: -webkit-box;
-webkit-box-align: center;
}
#route_options{
/*height:100%;*/
width:90%;
background:rgba(0,0,0,0.1);
color:dodgerblue!important;
overflow:hidden;
-webkit-overflow-scrolling:touch;
}
.route_expand{
-webkit-transform:translate(90%);
}
</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="images/favicon.png">
</head><!--/head-->
<body>
<!--.preloader-->
<div class="preloader"> <i class="fa fa-circle-o-notch fa-spin"></i></div>
<!--/.preloader-->
<header id="home">
<div class="top-bar">
<div class="container">
<div class="col-md-11 ml-15">
<div class="left-text pull-left">
<p><span>Support Us :</span> companyname@mail.com</p>
</div> <!-- /.left-text -->
<div class="social-icons pull-right">
<ul class="form-inline">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-skype"></i></a></li>
<a href="#"><img src="images/team/balu.jpg"> </a>
</ul>
</div> <!-- /.social-icons -->
</div>
</div>
</div>
<div class="header">
<div class="container">
<div class="logo col-md-2">
<a href="home.html">
<img src="img/logo.jpg" alt="Awesome Image">
</a>
</div>
<div class="header-right-info pull-right clearfix col-md-10">
<div class="single-header-info col-xs-6 col-md-3">
<div class="icon-box">
<a class="thm-btn" data-toggle="modal" href="#modal-donate-now">Involve With Us</a>
</div>
<div class="content">
</div>
</div>
<div class="single-header-info col-xs-6 col-md-3">
<div class="icon-box hidden-xs">
<div class="inner-box">
<i class="fa fa-inbox"></i>
</div>
</div>
<div class="content">
<h3>EMAIL</h3>
<p>svym@mail.com</p>
</div>
</div>
<div class="single-header-info col-xs-6 col-md-3">
<div class="icon-box hidden-xs">
<div class="inner-box">
<i class="fa fa-phone"></i>
</div>
</div>
<div class="content">
<h3>Call Now</h3>
<p><b>(732) 803-010-03</b></p>
</div>
</div>
<div class="single-header-info col-xs-6 col-md-3">
<!-- Modal: donate now Starts -->
<a class="thm-btn" href="#">Donate Now</a>
<!-- Modal: donate now Ends -->
</div>
</div>
</div>
</div>
<!-- navbar starts-->
<div class="main-nav">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-left">
<li class="scroll active"><a href="home.html">Home</a></li>
<li class="scroll"><a href="aboutus.html">About SVYM</a></li>
<li class="dropdown">
<button class="dropbtn">Major Sector </button>
<div class="dropdown-content">
<a href="health.html">Health </a>
<a href="education.html">Education</a>
<a href="seep.html">SEEP</a>
<!-- <a href="training-research.html">Training & Research</a> -->
</div>
</li>
<li class="dropdown">
<button class="dropbtn">Glimpses of SVYM </button>
<div class="dropdown-content">
<a href="panorama/view.php"> Virtual Tour </a>
<a href="#"> Media </a>
<a href="#"> Training & Research</a>
</div>
</li>
<li class="scroll"><a href="blog1.html"> Latest </a></li>
<li class="dropdown">
<button class="dropbtn"> Our Branches </button>
<div class="dropdown-content">
<a href="svym-na.html"> SVYM NA </a>
<a href="svym-uk.html"> SVYM UK </a>
</div>
</li>
<li class="scroll"><a href="#"> Downloads </a></li>
<li class="dropdown">
<button class="dropbtn"> Involve with Us </button>
<div class="dropdown-content">
<a href="#">Career </a>
<a href="volunteer.html"> Volunteer </a>
<a href="donation.html"> Donate </a>
<a href="#"> Partner </a>
<a href="#"> Visit Us </a>
</div>
</li>
<li class="scroll"><a href="#">Login/Register</a></li>
</ul>
</div>
</div>
</div>
<!--/#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>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<!-- Item 1 -->
<div class="item active slide1">
<div class="row"><div class="container">
<div class="col-md-7 text-left">
<p data-animation="animated fadeInDown" data-wow-delay="2s" class="part">SWAMI VIVEKANANDA </p>
<h4 data-animation="animated fadeInDown" data-wow-delay="4s" class="part1" > YOUTH MOVEMENT </h4>
<h2 data-animation="animated fadeInDown" data-wow-delay="3s" class="part3"> Satya... Ahimsa... Seva... Tyaga... </h2>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInLeft" data-wow-delay="14s">Donate Now </button>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInRight" data-wow-delay="16s">Learn more</button>
</div>
<div class="col-md-5">
</div>
</div></div>
</div>
<!-- Item 2 -->
<div class="item slide2">
<div class="row"><div class="container">
<div class="col-md-7 text-left">
<p data-animation="animated fadeInDown" data-wow-delay="2s" class="part"> To feed and <span> educate! </p>
<h4 data-animation="animated fadeInDown" data-wow-delay="4s" class="part1" > We Need Your <span> Support! </h4>
<h2 data-animation="animated fadeInDown" data-wow-delay="3s" class="part3"> Become a part to change the world </h2>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInLeft" data-wow-delay="14s">Donate Now </button>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInRight" data-wow-delay="16s">Learn more</button>
</div>
<div class="col-md-5">
</div>
</div></div>
</div>
<!-- Item 3 -->
<div class="item slide3">
<div class="row">
<div class="container">
<div class="col-md-10">
<p data-animation="animated fadeInDown" data-wow-delay="2s" class="part"> To Sustain Quality of Healthcare </p>
<h4 data-animation="animated fadeInDown" data-wow-delay="4s" class="part11" > We Need Your <span> Support! </h4>
<h2 data-animation="animated fadeInDown" data-wow-delay="3s" class="part33"> Become a part to change the world </h2>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInLeft" data-wow-delay="14s">Donate Now </button>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInRight" data-wow-delay="16s">Learn more</button>
</div>
<div class="col-md-2">
</div>
</div></div>
</div>
<!-- Item 4 -->
<div class="item slide4">
<div class="row"><div class="container">
<div class="col-md-9 text-left">
<p data-animation="animated fadeInDown" data-wow-delay="2s" class="part"> To empower tribal people </p>
<h4 data-animation="animated fadeInDown" data-wow-delay="4s" class="part1" > We Need Your <span> Support! </h4>
<h2 data-animation="animated fadeInDown" data-wow-delay="3s" class="part3"> Become a part to change the world </h2>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInLeft" data-wow-delay="14s">Donate Now </button>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInRight" data-wow-delay="16s">Learn more</button>
</div>
<div class="col-md-3">
</div>
</div></div>
</div>
<!-- End Item 4 -->
<div class="item slide5">
<div class="row">
<div class="container">
<div class="col-md-7 text-left">
<p data-animation="animated fadeInDown" data-wow-delay="2s" class="part"> To feed and <span> educate! </p>
<h4 data-animation="animated fadeInDown" data-wow-delay="4s" class="part1" > We Need Your <span> Support! </h4>
<h2 data-animation="animated fadeInDown" data-wow-delay="3s" class="part3"> Become a part to change the world </h2>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInLeft" data-wow-delay="14s">Donate Now </button>
<button data-scroll class="delay-one button button--aylen button--round-l button--text-thick" data-animation="animated fadeInRight" data-wow-delay="16s">Learn more</button>
</div>
<div class="col-md-5">
</div>
</div></div>
</div>
<!-- End Item 4 -->
</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-->
<section class="call-to-action">
<div class="container-fluid">
<div class="clearfix">
<div class="call-to-action-corner col-md-4" style="background-image: url(imag/call-to-action/left-box-bg.jpg);">
<div class="single-call-to-action">
<div class="icon-box">
<div class="inner-box">
<i class="fa fa-usd"></i>
</div>
</div>
<div class="content-box">
<h3>Donation</h3>
<p>There are many variations of lorem <br>passagei of Lorem Ipsum availabl </p>
<a href="donation.html" class="thm-btn inverse">Donate Now</a>
</div>
</div>
</div>
<div class="call-to-action-center col-md-4" style="background-image: url(img/call-to-action/center-box-bg.jpg);">
<div class="single-call-to-action">
<div class="icon-box">
<div class="inner-box">
<i class="fa fa-users"></i>
</div>
</div>
<div class="content-box">
<h3>Volunteer</h3>
<p>There are many variations of lorem <br>passagei of Lorem Ipsum availabl </p>
<a href="volunteer.html" class="thm-btn inverse">Join Now</a>
</div>
</div>
</div>
<div class="call-to-action-corner col-md-4" style="background-image: url(img/call-to-action/right-box-bg.jpg);">
<div class="single-call-to-action">
<div class="icon-box">
<div class="inner-box">
<i class="fa fa-heart"></i>
</div>
</div>
<div class="content-box">
<h3>Fundraise</h3>
<p>There are many variations of lorem <br>passagei of Lorem Ipsum availabl </p>
<a href="causes.html" class="thm-btn inverse">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<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">The Crisis </h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
<p>This is dummy Text adipisicing elit. Rem autem<br /> voluptatem obcaecati!</p>
</div>
</div>
</div>
<div class="col-md-10 col-md-offset-1">
<div class="col-md-4" >
<div id="doughnutChart" class="chart"></div>
<h4 class="text-center"> This is dummy Text <br> This is dummy Text </h4>
</div>
<div class="col-md-4" >
<div id="doughnutChart1" class="chart"></div>
<h4 class="text-center"> This is dummy Text <br> This is dummy Text </h4>
</div>
<div class="col-md-4" >
<div id="doughnutChart2" class="chart"></div>
<h4 class="text-center"> This is dummy Text <br> This is dummy Text </h4>
</div>
</div>
</div>
<!-- start -->
<section class="container" id="overlap">
<div class="container-fluid pb-30">
<div class="section-title text-center">
<div class="row">
<div class="col-md-6 wow fadeInLeft" data-wow-duration="1s">
<img src="images/ipad.jpg" class="img-responsive" style="width:79%;">
</div>
<div class="col-md-6 wow fadeInRight" data-wow-offset="3" data-wow-delay="1s">
<div class="" style="text-align:justify">
<h3 class="text-uppercase mt-0"> Description </h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
</div>
<p class="justify">is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
<p class="justify"> but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Causes -->
<section id="history" style="background:#e2dfdf">
<div class="container-fluid pb-80">
<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">
<h3 class="text-uppercase mt-0">HISTORY of SVYM </h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
<p>This is dummy Text adipisicing elit. Rem autem<br /> voluptatem obcaecati!</p>
</div>
</div>
</div>
<div class="container">
<div class="board">
<!-- <h2>Welcome to IGHALO!<sup>™</sup></h2>-->
<div class="board-inner">
<div id="Carousel" class="carousel slide">
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<ul class="nav nav-tabs" id="myTab">
<div class="liner"></div>
<li class="active">
<a href="#1984" data-toggle="tab" title="welcome">
1984 <br> <span class="round-tabs one"> </span>
</a>
</li>
<li>
<a href="#1985" data-toggle="tab" title="profile">
1985 <br> <span class="round-tabs two"> </span>
</a>
</li>
<li>
<a href="#1987" data-toggle="tab" title="bootsnipp goodies">
1987 <br> <span class="round-tabs three"> </span>
</a>
</li>
<li>
<a href="#1988" data-toggle="tab" title="blah blah">
1988 <br> <span class="round-tabs four"> </span>
</a>
</li>
<li>
<a href="#1990" data-toggle="tab" title="completed">
1990 <br> <span class="round-tabs five"> </span>
</a>
</li>
<li>
<a href="#1992" data-toggle="tab" title="profile">
1992 <br> <span class="round-tabs six"> </span>
</a>
</li>
<li>
<a href="#1993" data-toggle="tab" title="bootsnipp goodies">
1993 <br> <span class="round-tabs seven"> </span>
</a>
</li>
<li>
<a href="#1994" data-toggle="tab" title="blah blah">
1994 <br> <span class="round-tabs eight"> </span>
</a>
</li>
<li>
<a href="#1995" data-toggle="tab" title="completed">
1995 <br> <span class="round-tabs nine"> </span>
</a>
</li>
<li>
<a href="#1996" data-toggle="tab" title="completed">
1996 <br> <span class="round-tabs nine"> </span>
</a>
</li>
</ul>
</div><!--.item-->
<div class="item">
<ul class="nav nav-tabs" id="myTab">
<div class="liner"></div>
<li class="active">
<a href="#1997" data-toggle="tab" title="welcome">
1997 <br> <span class="round-tabs one"> </span>
</a>
</li>
<li>
<a href="#1998" data-toggle="tab" title="profile">
1998 <br> <span class="round-tabs two"> </span>
</a>
</li>
<li>
<a href="#1999" data-toggle="tab" title="bootsnipp goodies">
1999 <br> <span class="round-tabs three"> </span>
</a>
</li>
<li>
<a href="#2000" data-toggle="tab" title="blah blah">
2000 <br> <span class="round-tabs four"> </span>
</a>
</li>
<li>
<a href="#2001" data-toggle="tab" title="completed">
2001 <br> <span class="round-tabs five"> </span>
</a>
</li>
<li>
<a href="#2002" data-toggle="tab" title="profile">
2002 <br> <span class="round-tabs six"> </span>
</a>
</li>
<li>
<a href="#2003" data-toggle="tab" title="bootsnipp goodies">
2003 <br> <span class="round-tabs seven"> </span>
</a>
</li>
<li>
<a href="#2004" data-toggle="tab" title="blah blah">
2004 <br> <span class="round-tabs eight"> </span>
</a>
</li>
<li>
<a href="#2005" data-toggle="tab" title="completed">
2005 <br> <span class="round-tabs nine"> </span>
</a>
</li>
<li>
<a href="#2006" data-toggle="tab" title="completed">
2006 <br> <span class="round-tabs nine"> </span>
</a>
</li>
</ul>
</div><!--.item-->
<div class="item">
<ul class="nav nav-tabs" id="myTab">
<div class="liner"></div>
<li class="active">
<a href="#2007" data-toggle="tab" title="welcome">
2007 <br> <span class="round-tabs one"> </span>
</a>
</li>
<li>
<a href="#2008" data-toggle="tab" title="profile">
2008 <br> <span class="round-tabs two"> </span>
</a>
</li>
<li>
<a href="#2009" data-toggle="tab" title="bootsnipp goodies">
2009 <br> <span class="round-tabs three"> </span>
</a>
</li>
<li>
<a href="#2010" data-toggle="tab" title="blah blah">
2010 <br> <span class="round-tabs four"> </span>
</a>
</li>
<li>
<a href="#2011" data-toggle="tab" title="completed">
2011 <br> <span class="round-tabs five"> </span>
</a>
</li>
<li>
<a href="#2012" data-toggle="tab" title="profile">
2012 <br> <span class="round-tabs six"> </span>
</a>
</li>
<li>
<a href="#2013" data-toggle="tab" title="bootsnipp goodies">
2013 <br> <span class="round-tabs seven"> </span>
</a>
</li>
<li>
<a href="#2014" data-toggle="tab" title="blah blah">
2014 <br> <span class="round-tabs eight"> </span>
</a>
</li>
<li>
<a href="#2015" data-toggle="tab" title="completed">
2015 <br> <span class="round-tabs nine"> </span>
</a>
</li>
<li>
<a href="#2016" data-toggle="tab" title="completed">
2016 <br> <span class="round-tabs nine"> </span>
</a>
</li>
</ul>
</div><!--.item-->
</div><!--.carousel-inner-->
<a data-slide="prev" href="#Carousel" class="left carousel-control lf"><i class="fa fa-chevron-left fa-2x"></i> </a>
<a data-slide="next" href="#Carousel" class="right carousel-control rt"> <i class="fa fa-chevron-right fa-2x"></i> </a>
</div><!--.Carousel-->
</div>
<div class="tab-content">
<div class="tab-pane fade in active" id="1984">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1985">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-2">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-2"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1987">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-3">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-3"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1988">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-4">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-4"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1990">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1992">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1993">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1994">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1995">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1996">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1997">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1998">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="1999">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2000">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2001">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2002">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2003">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2004">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2005">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2006">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2007">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2008">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2009">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2010">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2011">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2012">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2013">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2014">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2015">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="2016">
<div class="col-md-12">
<div class="col-md-4">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h3>svym</h3>
<p>svym <a href="#">Content goes here</a></p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-8 tb">
<h3> Glimses at history of SVYM...</h3>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
<p>
This is dummy Text adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut</p>
</div>
</div>
</div>
<div class="clearfix"></div>
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm mt-10" href="history.html"> View Our Story</a>
</div>
</div>
</div>
</div>
</section>
<!-- Section: Causes -->
<section class="publicaciones-blog-home" id="verticals">
<div class="container-fluid 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">
<h3 class="text-uppercase mt-0">VERTICALS </h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
<p>This is dummy Text adipisicing elit. Rem autem<br /> voluptatem obcaecati!</p>
</div>
</div>
</div>
<div class="row-page row">
<div class="col-page col-sm-6 col-md-6">
<a href="" class="black fondo-publicacion-home">
<div class="img-publicacion-principal-home">
<img class="" src="img/1vh.jpg">
</div>
<div class="contenido-publicacion-principal-home">
<h3>HEALTH</h3>
<p> Sustaining quality of health care by providing equitable care with involvement of community and in alignment with the organizational interpretation of the core values. The key focus areas are tribal and rural health,ayurveda,reproductive and child health, hygiene and sanitation, care and control of HIV/AIDS, tuberculosis and disability.<span>...</span></p>
</div>
<div class="mascara-enlace-blog-home bg1">
<span> Read more </span>
</div>
</a>
</div>
<div class="col-page col-sm-6 col-md-6">
<a href="" class="black fondo-publicacion-home">
<div class="img-publicacion-principal-home">
<img class="" src="img/2v.jpg">
</div>
<div class="contenido-publicacion-principal-home">
<h3>EDUCATION</h3>
<p>Our education initiatives strive to provide joyful, experiential and child- centered learning - focusing on values, literacy, numeracy and appropriate vocational training. The focus is on educating children in tribal hamlets, rural areas and urban slums.<span>...</span></p>
</div>
<div class="mascara-enlace-blog-home bg2">
<span>Read more </span>
</div>
</a>
</div>
<div class="col-page col-sm-6 col-md-6">
<a href="" class="black fondo-publicacion-home">
<div class="img-publicacion-principal-home">
<img class="" src="images/slider/v1.jpg">
</div>
<div class="contenido-publicacion-principal-home">
<h3>SOCIO ECONOMIC EMPOWERMENT PROGRAM</h3>
<p>Catalyses socio-economic empowerment of marginalized and vulnerable communities through promotion of self reliant groups, individuals and group entrepreneurship, enhancing community action on development including good governance with special focus on tribal-rural women and youth for sustainable community development.<span>...</span></p>
</div>
<div class="mascara-enlace-blog-home bg3">
<span>Read more </span>
</div>
</a>
</div>
<div class="col-page col-sm-6 col-md-6">
<a href="" class="black fondo-publicacion-home">
<div class="img-publicacion-principal-home">
<img class="" src="images/slider/6.jpg">
</div>
<div class="contenido-publicacion-principal-home">
<h3> TRAINING AND RESEARCH </h3>
<p>To serve India by building the potential of individuals and institutions for the development sector and synergize their efforts for better, collective gain. It strives to develop innovative programmatic models for development sector and influence public policy.<span>...</span></p>
</div>
<div class="mascara-enlace-blog-home bg4">
<span>Read more </span>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Section: Causes -->
<section id="downloads" class="pb-20">
<div class="container-fluid">
<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">
<h3 class="text-uppercase mt-0"> Operational Information </h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
<p>This is dummy Text adipisicing elit. Rem autem<br /> voluptatem obcaecati!</p>
</div>
</div>
</div>
<div class="col-md-12 mtli-row-clearfix">
<div class="col-md-2"></div>
<div class="col-md-3 newsbox">
<div class="news-box">
<!-- News Sidebar Image -->
<div class="image">
<img src="images/d1.jpg" alt="news Image">
</div>
<!-- News Sidebar Detail -->
<div class="news-detail">
<div class="news-title">
<a href="javascript:void(0);"> Annual Report </a>
</div>
</div>
</div>
</div>
<div class="col-md-2"></div>
<div class="col-md-3 newsbox">
<div class="news-box">
<!-- News Sidebar Image -->
<div class="image">
<img src="images/d2.jpg" alt="news Image">
</div>
<!-- News Sidebar Detail -->
<div class="news-detail">
<div class="news-title">
<a href="javascript:void(0);"> Financial Report </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-2"> </div>
<div class="col-md-2 trr">
<div class="sm-height"></div>
<h4 class="fund"> Programs </h4>
<h5 class="fund">$1231564</h5>
<h4 class="fund"> General & Administrative </h4>
<h5 class="fund">$451245 </h5>
<h4 class="fund"> Fund Raising 1</h4>
<h5 class="fund"> #1791245 </h5>
</div>
<div class="col-md-6">
<div class="frame" id="donutsvg">
<div class="content">
<svg id="svg"> </svg> </div>
</div>
</div>
</div>
<!--============ Chart ===========-->
</section>
<!-- Section: Causes -->
<section id="happen">
<div class="container-fluid pb-80">
<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">
<h3 class="text-uppercase mt-0">Latest Happenings </h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
<p>This is dummy Text adipisicing elit. Rem autem<br /> voluptatem obcaecati!</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">
<div class="item active">
<img src="img/hor-news2.jpg" class="img-responsive">
<div class="carousel-caption">
<h4><a href="#" class="white">Lorem ipsum dolor sit amet consetetur sadipscing</a></h4>
<p>dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. <a class="label label-primary" href="#" target="_blank">Read more</a></p>
</div>
</div><!-- End Item -->
<div class="item">
<img src="img/hor-news3.jpg" class="img-responsive">
<div class="carousel-caption">
<h4><a href="#" class="white">consetetur sadipscing elitr, sed diam nonumy eirmod</a></h4>
<p>dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. <a class="label label-primary" href="#" target="_blank">Read more</a></p>
</div>
</div><!-- End Item -->
<div class="item">
<img src="img/hor-news4.jpg" class="img-responsive">
<div class="carousel-caption">
<h4><a href="#" class="white">tempor invidunt ut labore et dolore</a></h4>
<p>dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. <a class="label label-primary" href="#" target="_blank">Read more</a></p>
</div>
</div><!-- End Item -->
<div class="item">
<img src="img/big-news2.jpg" class="img-responsive">
<div class="carousel-caption">
<h4><a href="#" class="white">Lorem ipsum dolor sit amet consetetur sadipscing</a></h4>
<p>dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. <a class="label label-primary" href="#" target="_blank">Read more</a></p>
</div>
</div><!-- End Item -->
<div class="item">
<img src="img/big-news4.jpg" class="img-responsive">
<div class="carousel-caption">
<h4><a href="#" class="white">consetetur sadipscing elitr, sed diam nonumy eirmod</a></h4>
<p>dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. <a class="label label-primary" href="#" target="_blank">Read more</a></p>
</div>
</div><!-- End Item -->
<div class="item">
<img src="img/big-news5.jpg" class="img-responsive">
<div class="carousel-caption">
<h4><a href="#" class="white">tempor invidunt ut labore et dolore</a></h4>
<p>dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. dummy text here consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. <a class="label label-primary" href="#" target="_blank">Read more</a></p>
</div>
</div><!-- End Item -->
</div><!-- End Carousel Inner -->
<ul class="list-group col-sm-3 no-padding">
<li data-target="#myCarousel" data-slide-to="0" class="list-group-item active">
<img src="img/hor-news2.jpg" class="img-responsive">
<div class="carousel-caption">
Netanyachu's Likud Party Sweeps to Israel election victory
</div>
</li>
<li data-target="#myCarousel" data-slide-to="1" class="list-group-item">
<img src="img/hor-news3.jpg" class="img-responsive">
<div class="carousel-caption">
Netanyachu's Likud Party Sweeps to Israel election victory
</div>
</li>
<li data-target="#myCarousel" data-slide-to="2" class="list-group-item">
<img src="img/hor-news4.jpg" class="img-responsive">
<div class="carousel-caption">
Netanyachu's Likud Party Sweeps to Israel election victory
</div>
</li>
</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">
<li data-target="#myCarousel" data-slide-to="3" class="list-group-item active">
<img src="img/big-news2.jpg" class="img-responsive">
<div class="carousel-caption">
Netanyachu's Likud Party Sweeps to Israel election victory
</div>
</li>
<li data-target="#myCarousel" data-slide-to="4" class="list-group-item">
<img src="img/big-news4.jpg" class="img-responsive">
<div class="carousel-caption">
Netanyachu's Likud Party Sweeps to Israel election victory
</div>
</li>
<li data-target="#myCarousel" data-slide-to="5" class="list-group-item">
<img src="img/big-news5.jpg" class="img-responsive">
<div class="carousel-caption">
Netanyachu's Likud Party Sweeps to Israel election victory
</div>
</li>
</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: Causes -->
<section id="causes">
<div class="container pb-80">
<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">
<h3 class="text-uppercase mt-0">Latest Causes</h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
<p>This is dummy Text adipisicing elit. Rem autem<br /> voluptatem obcaecati!</p>
</div>
</div>
</div>
<div class="row mtli-row-clearfix">
<div class="carousel slide" id="myCarousel1">
<div class="carousel-inner">
<div class="item active">
<div class="col-md-3">
<div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 w3-panel w3-card-8">
<div class="thumb">
<img class="img-fullwidth" alt="" src="./images/project/1.jpg" />
</div>
<div class="progress-item mt-0">
<div class="progress mb-0">
<div class="progress-bar appeared" data-percent="84" style="width: 84%;"><span class="percent">84%</span></div>
</div>
</div>
<div class="causes-details clearfix border-bottom p-15 pt-10">
<h5><a href="#"> Sponsor a child </a></h5>
<p> For better education </p>
<ul class="list-inline clearfix mt-20">
<li class="pull-left pr-0">Raised: $1890</li>
<li class="text-theme-colored pull-right pr-0">Goal: $2500</li>
</ul>
<div class="mt-10">
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="#">Donate</a>
<div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 89 Donors</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 w3-panel w3-card-8">
<div class="thumb">
<img class="img-fullwidth" alt="" src="./images/project/2.jpg" />
</div>
<div class="progress-item mt-0">
<div class="progress mb-0">
<div class="progress-bar appeared" data-percent="90" style="width: 90%;"><span class="percent">90%</span></div>
</div>
</div>
<div class="causes-details clearfix border-bottom p-15 pt-10">
<h5><a href="#"> Sponsor a tribal women </a></h5>
<p> For empowerment </p>
<ul class="list-inline clearfix mt-20">
<li class="pull-left pr-0">Raised: $1890</li>
<li class="text-theme-colored pull-right pr-0">Goal: $2500</li>
</ul>
<div class="mt-10">
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="#">Donate</a>
<div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 89 Donors</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 w3-panel w3-card-8">
<div class="thumb">
<img class="img-fullwidth" alt="" src="./images/project/3.jpg" />
</div>
<div class="progress-item mt-0">
<div class="progress mb-0">
<div class="progress-bar appeared" data-percent="65" style="width: 65%;"><span class="percent">65%</span></div>
</div>
</div>
<div class="causes-details clearfix border-bottom p-15 pt-10">
<h5><a href="#"> Sponsor a Person </a></h5>
<p> For better healthcare </p>
<ul class="list-inline clearfix mt-20">
<li class="pull-left pr-0">Raised: $1890</li>
<li class="text-theme-colored pull-right pr-0">Goal: $2500</li>
</ul>
<div class="mt-10">
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="#">Donate</a>
<div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 89 Donors</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 w3-panel w3-card-8">
<div class="thumb">
<img class="img-fullwidth" alt="" src="./images/project/4.jpg" />
</div>
<div class="progress-item mt-0">
<div class="progress mb-0">
<div class="progress-bar appeared" data-percent="84" style="width: 84%;"><span class="percent">84%</span></div>
</div>
</div>
<div class="causes-details clearfix border-bottom p-15 pt-10">
<h5><a href="#"> Donate for children </a></h5>
<p> empowering community </p>
<ul class="list-inline clearfix mt-20">
<li class="pull-left pr-0">Raised: $1890</li>
<li class="text-theme-colored pull-right pr-0">Goal: $2500</li>
</ul>
<div class="mt-10">
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="#">Donate</a>
<div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 89 Donors</div>
</div>
</div>
</div>
</div>
</div><!-- /Slide1 -->
<div class="item">
<div class="col-md-3">
<div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 w3-panel w3-card-8">
<div class="thumb">
<img class="img-fullwidth" alt="" src="./images/project/1.jpg" />
</div>
<div class="progress-item mt-0">
<div class="progress mb-0">
<div class="progress-bar appeared" data-percent="84" style="width: 84%;"><span class="percent">84%</span></div>
</div>
</div>
<div class="causes-details clearfix border-bottom p-15 pt-10">
<h5><a href="#"> SPONSOR A CHILD TODAY </a></h5>
<p> To sustain quality of healthcare </p>
<ul class="list-inline clearfix mt-20">
<li class="pull-left pr-0">Raised: $1890</li>
<li class="text-theme-colored pull-right pr-0">Goal: $2500</li>
</ul>
<div class="mt-10">
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="#">Donate</a>
<div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 89 Donors</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 w3-panel w3-card-8">
<div class="thumb">
<img class="img-fullwidth" alt="" src="./images/project/2.jpg" />
</div>
<div class="progress-item mt-0">
<div class="progress mb-0">
<div class="progress-bar appeared" data-percent="90" style="width: 90%;"><span class="percent">90%</span></div>
</div>
</div>
<div class="causes-details clearfix border-bottom p-15 pt-10">
<h5><a href="#"> SUPPORT A TRIBAL CHILD </a></h5>
<p> To empower tribal people </p>
<ul class="list-inline clearfix mt-20">
<li class="pull-left pr-0">Raised: $1890</li>
<li class="text-theme-colored pull-right pr-0">Goal: $2500</li>
</ul>
<div class="mt-10">
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="#">Donate</a>
<div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 89 Donors</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 w3-panel w3-card-8">
<div class="thumb">
<img class="img-fullwidth" alt="" src="./images/project/3.jpg" />
</div>
<div class="progress-item mt-0">
<div class="progress mb-0">
<div class="progress-bar appeared" data-percent="65" style="width: 65%;"><span class="percent">65%</span></div>
</div>
</div>
<div class="causes-details clearfix border-bottom p-15 pt-10">
<h5><a href="#"> TO FEED AND EDUCATE! </a></h5>
<p> We need your Support </p>
<ul class="list-inline clearfix mt-20">
<li class="pull-left pr-0">Raised: $1890</li>
<li class="text-theme-colored pull-right pr-0">Goal: $2500</li>
</ul>
<div class="mt-10">
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="#">Donate</a>
<div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 89 Donors</div>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 w3-panel w3-card-8">
<div class="thumb">
<img class="img-fullwidth" alt="" src="./images/project/4.jpg" />
</div>
<div class="progress-item mt-0">
<div class="progress mb-0">
<div class="progress-bar appeared" data-percent="84" style="width: 84%;"><span class="percent">84%</span></div>
</div>
</div>
<div class="causes-details clearfix border-bottom p-15 pt-10">
<h5><a href="#"> HELP EMPOWER WOMEN</a></h5>
<p> We need your Support </p>
<ul class="list-inline clearfix mt-20">
<li class="pull-left pr-0">Raised: $1890</li>
<li class="text-theme-colored pull-right pr-0">Goal: $2500</li>
</ul>
<div class="mt-10">
<a class="btn btn-dark btn-theme-colored btn-flat btn-sm pull-left mt-10" href="#">Donate</a>
<div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 89 Donors</div>
</div>
</div>
</div>
</div>
</div><!-- /Slide2 -->
</div>
</div><!-- /#myCarousel -->
<!-- Controls -->
<div class="carousel-controls">
<a class="left carousel-control clf" href="#myCarousel1 " data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control crt" href="#myCarousel1 " data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</div>
</section>
<!-- Section: Causes -->
<section id="team" class="pb-60 pt-60">
<div class=" ">
<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">
<h3 class="text-uppercase mt-0">The Team</h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
<p>This is dummy Text adipisicing elit. Rem autem<br /> voluptatem obcaecati!</p>
</div>
</div>
</div>
<div class="carousel-reviews broun-block">
<div class=" ">
<div class="row">
<div id="carousel-reviews" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="team-members">
<div class="row">
<div class="content">
<!-- trianglify pattern container -->
<div class="pattern pattern--hidden"></div>
<!-- cards -->
<div class="wrapper">
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed" style="overflow : y !important;">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath1">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath1)" width="1920" height="500" xlink:href="img/a.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times" ></i>
<div class="card__caption">
<h2 class="card__title"> Dr R.Balasubramaniam </h2>
<p class="card__subtitle"> Founder </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
<span class="meta__author"> Dr R.Balasubramaniam</span>
<span class="meta__date">06/19/2015</span>
</div>
<p>Dr R.Balasubramaniam (Balu) is a development activist, social innovator, writer and a leadership trainer. He is a medical doctor by training, with specialization in public administration from harvard university. Inspired by the life and teachings of Swami Vivekananda, he founded the Swami Vivekananda Youth Movement at the age of 19 and went on to work with the displaced and dispossessed forest-based tribes in H.D.Kote taluk of mysore district, karnataka and this has grown to be one of india’s finest NGO’s.
.</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath2">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath2)" width="1920" height="500" xlink:href="img/b.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title"> Ms. Sindhu Suresh </h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/2.png" alt="author02" />
<span class="meta__author"> Ms. Sindhu Suresh </span>
<span class="meta__date">06/16/2015</span>
</div>
<p>Ms. Sindhu Suresh is a post graduate in economics and also a law graduate and has more than 7 years of experience in legal profession as an advocate. She has been associated with SVYM since 2005. Working with the youth and women has been a passion for her. She has led various constructive youth programs as an activist during her college days. She is serving in various committees with regard to women issues and was a syndicate member, university of mysore.
.</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath3">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath3)" width="1920" height="500" xlink:href="img/c.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title"> Dr. Rekha Shanmukha</h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/3.png" alt="author03" />
<span class="meta__author"> Dr. Rekha Shanmukha </span>
<span class="meta__date">06/16/2015</span>
</div>
<p>Dr. Rekha Shanmukha has more than 10 years of experience as a dentist. Before her engagement with VIIS in 2012 she was associated with VMH, Sargur from 2008. Her other interests are health training and facilitating, clinical management and administration. She is currently pursuing her masters in business administration in health care management.
</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath4">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath4)" width="1920" height="500" xlink:href="img/d.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title">Mr. Dharmesha</h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/4.png" alt="author04" />
<span class="meta__author"> Mr. Dharmesha </span>
<span class="meta__date">06/14/2015</span>
</div>
<p>Mr. Dharmesha is associated with VIIS from 2010. His previous experience was as a purchase executive in an automobile industry. He is currently pursuing his graduation in bachelor of arts. His interests are in current affairs and accounting management.
</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath5">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath5)" width="1920" height="500" xlink:href="img/e.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title"> Mr. Anil kumar </h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/5.png" alt="author05" />
<span class="meta__author"> Mr. Anil kumar </span>
<span class="meta__date">06/11/2015</span>
</div>
<p>Mr. Anil kumar is post graduate in business administration and is associated with VIIS from 2014, his other organizational experience includes marketing development in telecom industry. His interests include photography, videography, photo, video editing and documentation.
</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath6">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath6)" width="1920" height="500" xlink:href="img/f.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title"> Ms. Chandrakala </h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/6.png" alt="author06" />
<span class="meta__author"> Ms. Chandrakala </span>
<span class="meta__date">06/10/2015</span>
</div>
<p>Ms. Chandrakala is a graduate in arts and is associated with VIIS from 2014. Prior to this, she was in the hotel and hospital industry as a front desk executive. She is passionate about hospitality and creativity. She is currently pursuing her post-graduation in english.
</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /cards -->
</div><!-- /content -->
<!-- /container -->
</div>
</div>
</div>
<div class="item">
<div class="team-members">
<div class="row">
<div class="content">
<!-- trianglify pattern container -->
<div class="pattern pattern--hidden"></div>
<!-- cards -->
<div class="wrapper">
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed" style="overflow : y !important;">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath1">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath1)" width="1920" height="500" xlink:href="img/a.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times" ></i>
<div class="card__caption">
<h2 class="card__title"> Dr R.Balasubramaniam </h2>
<p class="card__subtitle"> Founder </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
<span class="meta__author"> Dr R.Balasubramaniam</span>
<span class="meta__date">06/19/2015</span>
</div>
<p>Dr R.Balasubramaniam (Balu) is a development activist, social innovator, writer and a leadership trainer. He is a medical doctor by training, with specialization in public administration from harvard university. Inspired by the life and teachings of Swami Vivekananda, he founded the Swami Vivekananda Youth Movement at the age of 19 and went on to work with the displaced and dispossessed forest-based tribes in H.D.Kote taluk of mysore district, karnataka and this has grown to be one of india’s finest NGO’s.
.</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath2">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath2)" width="1920" height="500" xlink:href="img/b.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title"> Ms. Sindhu Suresh </h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/2.png" alt="author02" />
<span class="meta__author"> Ms. Sindhu Suresh </span>
<span class="meta__date">06/16/2015</span>
</div>
<p>Ms. Sindhu Suresh is a post graduate in economics and also a law graduate and has more than 7 years of experience in legal profession as an advocate. She has been associated with SVYM since 2005. Working with the youth and women has been a passion for her. She has led various constructive youth programs as an activist during her college days. She is serving in various committees with regard to women issues and was a syndicate member, university of mysore.
.</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath3">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath3)" width="1920" height="500" xlink:href="img/c.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title"> Dr. Rekha Shanmukha</h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/3.png" alt="author03" />
<span class="meta__author"> Dr. Rekha Shanmukha </span>
<span class="meta__date">06/16/2015</span>
</div>
<p>Dr. Rekha Shanmukha has more than 10 years of experience as a dentist. Before her engagement with VIIS in 2012 she was associated with VMH, Sargur from 2008. Her other interests are health training and facilitating, clinical management and administration. She is currently pursuing her masters in business administration in health care management.
</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath4">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath4)" width="1920" height="500" xlink:href="img/d.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title">Mr. Dharmesha</h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/4.png" alt="author04" />
<span class="meta__author"> Mr. Dharmesha </span>
<span class="meta__date">06/14/2015</span>
</div>
<p>Mr. Dharmesha is associated with VIIS from 2010. His previous experience was as a purchase executive in an automobile industry. He is currently pursuing his graduation in bachelor of arts. His interests are in current affairs and accounting management.
</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath5">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath5)" width="1920" height="500" xlink:href="img/e.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title"> Mr. Anil kumar </h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/5.png" alt="author05" />
<span class="meta__author"> Mr. Anil kumar </span>
<span class="meta__date">06/11/2015</span>
</div>
<p>Mr. Anil kumar is post graduate in business administration and is associated with VIIS from 2014, his other organizational experience includes marketing development in telecom industry. His interests include photography, videography, photo, video editing and documentation.
</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
<div class="card w3-panel w3-card-8">
<div class="card__container card__container--closed">
<svg class="card__image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 500" preserveAspectRatio="xMidYMid slice">
<defs>
<clipPath id="clipPath6">
<polygon class="clip" points="0,500 0,0 1920,0 1920,500"></polygon>
</clipPath>
</defs>
<image clip-path="url(#clipPath6)" width="1920" height="500" xlink:href="img/f.jpg"></image>
</svg>
<div class="card__content">
<i class="card__btn-close fa fa-times"></i>
<div class="card__caption">
<h2 class="card__title"> Ms. Chandrakala </h2>
<p class="card__subtitle"> Member </p>
</div>
<div class="card__copy">
<div class="meta">
<img class="meta__avatar" src="img/authors/6.png" alt="author06" />
<span class="meta__author"> Ms. Chandrakala </span>
<span class="meta__date">06/10/2015</span>
</div>
<p>Ms. Chandrakala is a graduate in arts and is associated with VIIS from 2014. Prior to this, she was in the hotel and hospital industry as a front desk executive. She is passionate about hospitality and creativity. She is currently pursuing her post-graduation in english.
</p>
<p>Release creative social proof influencer iPad crowdsource gamification learning curve network effects monetization. Gamification business plan mass market www.discoverartisans.com direct mailing ecosystem seed round sales long tail vesting period.</p>
<p>Product management ramen bootstrapping seed round venture holy grail technology backing partner network entrepreneur beta marketing value proposition. Android stealth conversion scrum project network effects. Creative alpha long tail conversion stealth growth hacking iteration investor A/B testing prototype customer. Startup www.discoverartisans.com direct mailing launch party partnership market ramen metrics focus value proposition.</p>
<p>Stock infrastructure seed round sales paradigm shift technology user experience focus gamification. Partnership metrics business plan stealth business-to-business. Deployment graphical user interface monetization. Twitter incubator scrum project entrepreneur branding burn rate ramen backing paradigm shift virality crowdsource.</p>
<p>Social proof MVP ecosystem. Ramen launch party pitch deployment stealth. Vesting period MVP equity. Focus creative partnership founders iteration agile development infographic.</p>
<p>Low hanging fruit burn rate innovator user experience niche market A/B testing creative launch party product management release. Www.discoverartisans.com influencer business model canvas user experience gamification paradigm shift startup research & development iPad agile development. Strategy incubator infographic success marketing buzz A/B testing responsive web design. Traction research & development pitch seed money venture niche market accelerator network effects.</p>
</div>
</div>
</div>
</div>
</div>
<!-- /cards -->
</div><!-- /content -->
<!-- /container -->
</div>
</div>
</div>
</div>
<!-- <a class="left carousel-control hidden-xs" href="#carousel-reviews" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control hidden-xs" href="#carousel-reviews" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
<a style="left: 4.5%;" class="left carousel-control visible-xs" href="#carousel-reviews" role="button" data-slide="prev">
<span style="top:0%;right:1%;margin-left:-15px !important;" class="glyphicon glyphicon-chevron-left"></span>
</a>
<a style="right: 4.5%;" class="right carousel-control visible-xs" href="#carousel-reviews" role="button" data-slide="next">
<span style="top:0%;left:1%;" class="glyphicon glyphicon-chevron-right"></span>
</a> -->
<!-- <nav>
<ul class="control-box pager">
<a data-slide="prev" href="#carousel-reviews" class="tem"><i class="glyphicon glyphicon-chevron-left"></i></a>
<a data-slide="next" href="#carousel-reviews" class="tem"><i class="glyphicon glyphicon-chevron-right"></i></a>
</ul>
</nav> -->
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container-fluid" id="member" style="padding-top: 40px;
padding-bottom: 40px;">
<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 Proud Members</h3>
<div class="title-icon">
<i class="flaticon-charity-hand-holding-a-heart"></i>
</div>
<p>This is dummy Text adipisicing elit. Rem autem<br> voluptatem obcaecati!</p>
</div>
</div>
</div>
<div class="col-md-6">
<h2 class="text-center">Our Proud Partners</h2>
<div class="row" style="background: rgba(255, 255, 255, 0.73);">
<div class="col-xs-6 col-sm-6 col-md-4">
<img src="images/clients/1.png" alt="" width="100" class="mb-10">
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<img src="images/clients/2.png" alt="" width="100" class="mb-10">
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<img src="images/clients/3.png" alt="" width="100" class="mb-10">
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<img src="images/clients/4.png" alt="" width="100" class="mb-10">
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<img src="images/clients/5.png" alt="" width="100" class="mb-10">
</div>
<div class="col-xs-6 col-sm-6 col-md-4">
<img src="images/clients/6.png" alt="" width="100" class="mb-10">
</div>
<div class="clearfix"></div>
</div>
</div>
<section id="carousel">
<div class="col-md-6">
<h2 class="text-center">Our Donars Say</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=""></li>
<li data-target="#fade-quote-carousel" data-slide-to="1" class=""></li>
<li data-target="#fade-quote-carousel" data-slide-to="2" class="active"></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">
<div class="item">
<div class="profile-circle" style="background-color: white;"></div>
<blockquote>
<p>This is dummy Text adipisicing elit. Quidem, veritatis nulla eum laudantium totam tempore optio doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
</blockquote>
</div>
<div class="item">
<div class="profile-circle" style="background-color: white;"></div>
<blockquote>
<p>This is dummy Text adipisicing elit. Quidem, veritatis nulla eum laudantium totam tempore optio doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
</blockquote>
</div>
<div class="item active">
<div class="profile-circle" style="background-color: white;"></div>
<blockquote>
<p>This is dummy Text adipisicing elit. Quidem, veritatis nulla eum laudantium totam tempore optio doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
</blockquote>
</div>
<div class="item">
<div class="profile-circle" style="background-color: white;"></div>
<blockquote>
<p>This is dummy Text adipisicing elit. Quidem, veritatis nulla eum laudantium totam tempore optio doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
</blockquote>
</div>
<div class="item">
<div class="profile-circle" style="background-color: white;"></div>
<blockquote>
<p>This is dummy Text adipisicing elit. Quidem, veritatis nulla eum laudantium totam tempore optio doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
</blockquote>
</div>
<div class="item">
<div class="profile-circle" style="background-color: white"></div>
<blockquote>
<p>This is dummy Text adipisicing elit. Quidem, veritatis nulla eum laudantium totam tempore optio doloremque laboriosam quas, quos eaque molestias odio aut eius animi. Impedit temporibus nisi accusamus.</p>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<section id="features" class="donate-holder parallax">
<span class="color-opacity"></span>
<div class="stat-bar section_space">
<div class="container">
<div class="row">
<div class="bx-wrapper" style="max-width: 100%; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 135px;"><ul class="stats-slider" style="width: 415%; position: relative; transition-duration: 0s; transform: translate3d(-1188px, 0px, 0px);">
<li style="float: left; list-style: none; position: relative; width: 1170px; margin-right: 18px;" class="bx-clone">
<div class="stat-inner_holder">
<div class="col-xs-12 col-sm-2 col-md-2 col-lg-2">
</div>
</div>
</li>
<li style="float: left; list-style: none; position: relative; width: 1170px; margin-right: 18px;">
<div class="stat-inner_holder">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="stat-day-left ">
<span class="stat-num">26</span>
<strong class="left-time">DAYS LEFT</strong>
</div>
</div>
<div class="col-xs-2 col-sm-8 col-md-8 col-lg-8">
<div class="progress-bar-holder">
<h3>$2,389</h3>
<span class="bar-heading">Pledged of goal $10,000</span>
<div class="progress">
<div class="progress-bar" style="width: 60%;"></div>
<span class="progress-per">60%</span>
</div>
</div>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<div class="stat-day-left">
<span class="stat-num">341</span>
<strong class="left-time">SUPPORTERS</strong>
</div>
</div>
</div>
</li>
</ul></div>
</div>
</div>
<div class="donate-btm">
<a class="donate-btn bounce-to-right" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">DONATE NOW</a> <br>
<a class="causes.html" href="#" style="color:#fff;">View All Causes</a>
</div>
<div class="panel-group" id="accordion">
<div class="panel" style="background-color: transparent;border: none;text-align:justify">
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body" style="background:rgba(255, 255, 255, 0.75) !important;border-top: 1px solid #ddd;">
<form role="form" class="col-md-7">
<h2 style="color:#000;">Make a donation!</h2>
<div class="col-md-12">
<img src="images/payment-card-logo-sm.png" class="img-responsive">
</div><br/>
<div class="form-group">
<label><strong>Payment Type</strong></label> <br>
<label class="radio-inline">
<input type="radio" checked="" value="one_time" name="payment_type">
One Time
</label>
<label class="radio-inline">
<input type="radio" value="recurring" name="payment_type">
Recurring
</label>
</div>
<div class="col-sm-6">
<div class="form-group mb-20">
<label><strong>I Want to Donate for</strong></label>
<select name="item_name" class="form-control">
<option value="Educate Children">Sponsor a tribal child</option>
<option value="Educate Children">Sponsor a tribal women</option>
<option value="Educate Children">Sponsor a person</option>
<option value="Educate Children">Donate for tribals</option>
</select>
</div>
</div>
<div class="col-sm-6">
<div class="form-group mb-20">
<label><strong>Currency</strong></label>
<select name="currency_code" class="form-control">
<option value="">Select Currency</option>
<option value="USD" selected="selected">USD - U.S. Dollars</option>
<option value="AUD">AUD - Australian Dollars</option>
<option value="BRL">BRL - Brazilian Reais</option>
<option value="GBP">GBP - British Pounds</option>
<option value="HKD">HKD - Hong Kong Dollars</option>
<option value="HUF">HUF - Hungarian Forints</option>
<option value="INR">INR - Indian Rupee</option>
<option value="ILS">ILS - Israeli New Shekels</option>
<option value="JPY">JPY - Japanese Yen</option>
<option value="MYR">MYR - Malaysian Ringgit</option>
<option value="MXN">MXN - Mexican Pesos</option>
<option value="TWD">TWD - New Taiwan Dollars</option>
<option value="NZD">NZD - New Zealand Dollars</option>
<option value="NOK">NOK - Norwegian Kroner</option>
<option value="PHP">PHP - Philippine Pesos</option>
<option value="PLN">PLN - Polish Zlotys</option>
<option value="RUB">RUB - Russian Rubles</option>
<option value="SGD">SGD - Singapore Dollars</option>
<option value="SEK">SEK - Swedish Kronor</option>
<option value="CHF">CHF - Swiss Francs</option>
<option value="THB">THB - Thai Baht</option>
<option value="TRY">TRY - Turkish Liras</option>
</select>
</div>
</div>
<div class="col-sm-12">
<div class="form-group mb-20">
<label><strong>How much do you want to donate?</strong></label>
<div class="radio mt-5">
<label class="radio-inline">
<input type="radio" name="amount" value="20">
$10</label>
<label class="radio-inline">
<input type="radio" name="amount" value="20">
$20</label>
<label class="radio-inline">
<input type="radio" name="amount" value="50">
$50</label>
<label class="radio-inline">
<input type="radio" name="amount" value="100">
$100</label>
<label class="radio-inline">
<input type="radio" name="amount" value="200">
$200</label>
<label class="radio-inline">
<input type="radio" name="amount" value="500">
$500</label>
<label class="radio-inline">
<input type="radio" name="amount" value="other">
Other Amount</label>
</div>
<div id="custom_other_amount" style="display: none;">
<label><strong>Custom Amount:</strong></label>
</div>
</div>
</div>
<button type="submit" class="btn btn-flat btn-dark btn-theme-colored mt-10 pl-30 pr-30">Donate now</button>
</form>
<div class="col-md-5 col-sm-5 col-xs-5" >
<div class="col-md-6">
<button class="btn1"><img style="margin: auto;" src="img/amazon-smile (1).jpg" class="img-responsive" id="pay1">Donate every time you shop,<br> at no cost to you.</button>
<!-- <p>Donate every time you shop,<br> at no cost to you.</p> -->
<button class="btn1"><img style="margin: auto;" src="img/square-cash.jpg" class="img-responsive" id="pay1">Donate using your <br>Cash account.</button>
<!-- <p>Donate using your <br>Cash account.</p> -->
</div>
<div class="col-md-6">
<button class="btn1"><img style="margin: auto;" src="img/bitcoin (1).jpg" class="img-responsive" id="pay1">Donate with Bitcoin. <br>(Must log in or sign up.)</button>
<!-- <p>Donate with Bitcoin. <br>(Must log in or sign up.)</p> -->
<button class="btn1"><img style="margin: auto;height: 100px;
width: 220px;" src="img/my-donate.png" class="img-responsive">Donate with My Donate. <br></button>
<!-- <p>Donate with My Donate. <br>(Must log in or sign up.)</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="donate-inner">
</div>
</section><!--/#features-->
<div id="overlay">
<div class="close override_close"></div>
<!-- <div id="mapview"></div> -->
<div id="route_options_parent" class="route_expand">
<div id="route_direction_start"><img src="images/arrows.gif"/ style="width:50px;"></div>
<div id="route_options">
<ul role="menu" aria-labelledby="menu1" style="padding: 5px; left: -83px;">
<li style="padding-bottom: 5%;"><a class=" thm-btn inverse btn-side" href="view.php" data-uk-modal="" target="_blank"> Virtual tour </a></li>
<li style="padding-bottom: 5%;"><a class=" thm-btn inverse btn-side" href="" target="_self" data-toggle="modal" data-target="#alertModal14" > Our Story </a></li>
<li style="padding-bottom: 0%; "><a class=" thm-btn inverse btn-side" data-toggle="modal" data-target="#alertModal12"> Involve with us </a></li>
<li style="padding-bottom: 5%;"><a class=" thm-btn inverse btn-side" href="" data-toggle="modal" data-target="#alertModal10" > Donate </a></li>
<li style="padding-bottom: 5%;"><a class=" thm-btn inverse btn-side" href="" data-toggle="modal" data-target="#alertModal10" > Visit us </a></li>
</ul>
</div>
</div>
</div>
<footer id="footer" class="footer pb-0" data-bg-color="#25272e" style="background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(37, 39, 46) !important;">
<div class="container">
<div class="row multi-row-clearfix">
<div class="col-sm-6 col-md-3">
<div class="widget dark">
<span style="font-size:35px;text-align:center">SVYM </span>
<p class="font-12 mt-20 mb-10">SVYM is a library of Crowdfunding with predefined elements which helps you to build your nature. Lorem ipsum dolor sit amet consectetur.</p>
<a class="text-gray font-12" href="#"><i class="fa fa-angle-double-right text-theme-colored"></i> Read more</a>
<ul class="styled-icons icon-dark mt-20">
<li><a href="#" data-bg-color="#3B5998" style="background: rgb(59, 89, 152) !important;"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" data-bg-color="#02B0E8" style="background: rgb(2, 176, 232) !important;"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" data-bg-color="#05A7E3" style="background: rgb(5, 167, 227) !important;"><i class="fa fa-skype"></i></a></li>
<li><a href="#" data-bg-color="#A11312" style="background: rgb(161, 19, 18) !important;"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#" data-bg-color="#C22E2A" style="background: rgb(194, 46, 42) !important;"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="widget dark">
<h5 class="widget-title line-bottom">Pages</h5>
<ul class="list-border list theme-colored angle-double-right">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Donor Privacy Policy</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Copyright Notice</a></li>
<li><a href="#">Media Center</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="widget dark">
<h5 class="widget-title line-bottom">Quick Links</h5>
<ul class="list-border list theme-colored angle-double-right">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Donor Privacy Policy</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Copyright Notice</a></li>
<li><a href="#">Media Center</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="widget dark">
<h5 class="widget-title line-bottom">Quick Contact</h5>
<ul class="list-border">
<li><a href="#">+(012) 345 6789</a></li>
<li><a href="#">hello@yourdomain.com</a></li>
<li><a href="#" class="lineheight-20"> CA-2, KIADB Industrial Housing Area
Ring Road, Hebbal, Mysuru - 570 016
Karnataka State, INDIA</a></li>
</ul>
<p class="text-white mb-5 mt-15"> Payment options </p>
<img src="images/payment-card-logo-sm.png" class="img-responsive">
<!-- Mailchimp Subscription Form Validation-->
</div>
</div>
</div>
</div>
<div class="container-fluid bg-theme-colored">
<div class="row text-center">
<div class="col-md-12">
<p class="text-white font-11 m-0">Copyright ©2016. All Rights Reserved</p>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="js/jquery.js"></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.3.0/snap.svg-min.js'></script>
<script>
var programmingSkills = [
{
value: 20,
label: 'info1',
color: 'rgb(17, 87, 164)'
},
{
value: 23,
label: 'info2',
color: '#000'
},
{
value: 17,
label: 'info3',
color: '#08838F'
},
{
value: 22,
label: 'info4',
color: 'rgb(175, 30, 85)'
},
{
value: 10,
label: 'info5',
color: '#000'
},{
value: 8,
label: 'info6',
color: '#fff'
},
];
</script>
<script type="text/javascript" src="js/svg-donut-chart-framework.js"></script>
<script type="text/javascript" src='js/jquery.drawDoughnutChart_1.js'></script>
<script type="text/javascript">
jQuery(function($) {
$("#route_direction_start").unbind().click(function(){
$("#route_options_parent").toggleClass("route_expand");
$("#sidebar_drop_list").fadeIn(1000);
});
$("#doughnutChart").drawDoughnutChart([
{
title: "Explaination 1",
value : 20,
color: "#000"
},
{
title: "Explaination 2",
value: 32,
color: "rgb(17, 87, 164)"
}
]);
$("#doughnutChart1").drawDoughnutChart([
{
title: "Explaination 1",
value : 19,
color: "#000"
},
{
title: "Explaination 2",
value: 20,
color: "rgb(17, 87, 164)"
}
]);
$("#doughnutChart2").drawDoughnutChart([
{
title: "Explaination 1",
value : 45,
color: "#000"
},
{
title: "Explaination 2",
value: 30,
color: "rgb(17, 87, 164)"
}
]);
});
</script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery-plugin-collection.js"></script>
<script src="js/blog/trianglify.min.js"></script>
<script src="js/blog/TweenMax.min.js"></script>
<script src="js/blog/cash.min.js"></script>
<script src="js/blog/Card-polygon.js"></script>
<script src="js/blog/demo-2.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/misinor.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript">
// Carousel Auto-Cycle
$(document).ready(function() {
$('.carousel').carousel({
interval: 6000
})
});
</script>
</body>
</html>