amitabhaghosh197
11/15/2014 - 6:11 AM
AniJs
AniJs
<script src="js/vendors/anijs-min.js"></script>
<script src="js/vendors/anijs-helper-dom-min.js"></script>
<script src="js/vendors/anijs-helper-scrollreveal-min.js"></script>
<!------The Action Part------------------------------->
<div class="get-involved-content" data-anijs="if: scroll, on: window, do: bounceInLeft animated, before: scrollReveal" >
<h1 class="" id="inVold" >Get Involved</h1>
<ul >
<li><a class="tlt" href=""> VOLUNTEER</a></li>
<li><a class="tlt" href="">Donate</a></li>
<li><a class= "tlt" href=""> Non Financial Support</a></li>
</ul>
<div class="span8" >
<span class="damira-bordered-with-white-hover-buttons pull-right hidden-phone ">
<a href="" > Learn More</a>
</span>
</div> <!------/span8-------------->
<span class="damira-bordered-with-white-hover-buttons hidden-desktop hidden-tablet " >
<a href="" > Learn More</a>
</span>
</div>
<!-------bounceInRight----------------------->
<div class="video-wrapper get-involved-content" data-anijs="if: scroll, on: window, do: bounceInRight animated, before: scrollReveal" >
<div class="offset1 video">
<iframe src="//player.vimeo.com/video/12239996" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div> <!------offset1 video---------------->
</div> <!---------/video-wrapper--------------->
<!-----------Bottom Scroller "OUR TRUSTIES PART "[ which is working in both chrome & Firefox]------------------>
<div class="span12">
<h1>Our Trustees</h1>
<div class="our-trusties-inner-wrapper">
<div id="ourTrusties" class="flexslider">
<ul class="slides">
<li>
<div class="photo-wrapper">
<div class="photo-2" data-anijs="if: mouseover, do: pulse animated">
<img src="images/members/mem1.jpg">
</div><!-------/photo-2----------------->
<div class="flex-trusties-info">
<p>Madhu V Jayakumar</p>
<p>President</p>
</div><!-----/flex-trusties-info--------------->
</div><!--------/photo-wrapper------------>
</li>
<li>
<div class="photo-wrapper" >
<div class="photo-2" data-anijs="if: mouseover, do: pulse animated">
<img src="images/members/mem2.jpg">
</div><!-------/photo-2----------------->
<div class="flex-trusties-info" >
<p>Madhu V Jayakumar</p>
<p>President</p>
</div><!-----/flex-trusties-info--------------->
</div><!--------/photo-wrapper------------>
</li>
<li>
<div class="photo-wrapper">
<div class="photo-2" data-anijs="if: mouseover, do: pulse animated">
<img src="images/members/mem3.jpg">
</div><!-------/photo-2----------------->
<div class="flex-trusties-info">
<p>Madhu V Jayakumar</p>
<p>President</p>
</div><!-----/flex-trusties-info--------------->
</div><!--------/photo-wrapper------------>
</li>
<li>
<div class="photo-wrapper">
<div class="photo-2" data-anijs="if: mouseover, do: pulse animated">
<img src="images/members/mem4.jpg">
</div><!-------/photo-2----------------->
<div class="flex-trusties-info">
<p>Madhu V Jayakumar</p>
<p>President</p>
</div><!-----/flex-trusties-info--------------->
</div><!--------/photo-wrapper------------>
</li>
<li>
<div class="photo-wrapper">
<div class="photo-2" data-anijs="if: mouseover, do: pulse animated">
<img src="images/members/mem5.jpg">
</div><!-------/photo-2----------------->
<div class="flex-trusties-info">
<p>Madhu V Jayakumar</p>
<p>President</p>
</div><!-----/flex-trusties-info--------------->
</div><!--------/photo-wrapper------------>
</li>
<li>
<div class="photo-wrapper">
<div class="photo-2" data-anijs="if: mouseover, do: pulse animated">
<img src="images/members/mem6.jpg">
</div><!-------/photo-2----------------->
<div class="flex-trusties-info">
<p>Madhu V Jayakumar</p>
<p>President</p>
</div><!-----/flex-trusties-info--------------->
</div><!--------/photo-wrapper------------>
</li>
<li>
<div class="photo-wrapper">
<div class="photo-2" data-anijs="if: mouseover, do: pulse animated">
<img src="images/members/mem1.jpg">
</div><!-------/photo-2----------------->
<div class="flex-trusties-info">
<p>Madhu V Jayakumar</p>
<p>President</p>
</div><!-----/flex-trusties-info--------------->
</div><!--------/photo-wrapper------------>
</li>
<li>
<div class="photo-wrapper">
<div class="photo-2" data-anijs="if: mouseover, do: pulse animated">
<img src="images/members/mem2.jpg">
</div><!-------/photo-2----------------->
<div class="flex-trusties-info">
<p>Madhu V Jayakumar</p>
<p>President</p>
</div><!-----/flex-trusties-info--------------->
</div><!--------/photo-wrapper------------>
</li>
</ul>
</div><!------/#ourTrusties------------------->
</div><!---------/our-trusties-inner-wrapper---------------------->
</div>