HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/ShreeRam-Gau-Teerth-Foundation/new/
Current File : /home/htlwork.com/www/dev/ShreeRam-Gau-Teerth-Foundation/new/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>ShreeRam Gau Teerth Foundation</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet"> 
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> 
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>	
   
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<header class="header">  
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-12">
		  <p class="report-btn"><a href="https://www.animalaidunlimited.org/report-an-animal/">Report an ill or injured animal in Udaipur</a></p>
        </div>	
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		  <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a>
		  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav">
			  <li class="current-menu-item"><a href="#">Home</a></li>
			  <li class="sub-drop"><a href="about-us.html">About us</a>
			    <ul class="sub-menu">
			      <li><a href="#">Our values and mission</a></li>
			      <li><a href="#">History of AAU</a></li>
			      <li><a href="#">Meet the team</a></li>
			      <li><a href="#">FAQs</a></li>
			      <li><a href="#">Careers</a></li>
			      <li><a href="#">Financial information</a></li>
                </ul>
			  </li>
			  <li class="sub-drop"><a href="#">What we do</a>
			    <ul class="sub-menu">
			      <li><a href="#">Rescue</a></li>
			      <li><a href="#">Hospital and medical care</a></li>
			      <li><a href="#">Spay and neuter</a></li>
			      <li><a href="#">Sanctuary</a></li>
			      <li><a href="#">Outreach and education</a></li>
			      <li><a href="#">Cruelty response</a></li>
                </ul>
			  </li>
			  <li><a href="#">Success stories</a></li>
			  <li class="sub-drop"><a href="#">How to help</a>
			    <ul class="sub-menu">
				  <li><a href="#">Donate</a></li>
				  <li><a href="#">Volunteer</a></li>
				  <li><a href="#">Sponsor</a></li>
				  <li><a href="#">Adopt</a></li>
				  <li><a href="#">Memorialize a pet</a></li>
				  <li><a href="#">Create a legacy</a></li>
				  <li><a href="#">Donate Cryptocurrency</a></li>
				  <li><a href="#">Shop</a></li>
				</ul>
			  </li>
			  <li><a href="#">Plan your visit</a></li>
			  <li><a href="contact-us.html">Contact us</a></li>
		    </ul>
			
			<div class="donate-btn"><a href="#" class="btn">Donate <img src="images/donate-heart.svg" alt="image"></a></div>
			
		  </div>
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  <div id="carouselExampleCaptions" class="carousel slide">
    
	<div class="carousel-inner">
      
	  <div class="carousel-item active">
	    <figure><img src="images/slider-01.jpg" alt="image"  class="slide-image"/></figure>
		<div class="slide-text">
		  <div class="inner">
		    <h1><span>Street animals need our protection.</span> Help them today.</h1>
			<p><a href="#" class="btn">Make a donation <img src="images/donate-heart.svg" alt="image"></a></p>
          </div>
	    </div><!--/ slide-text -->
	  </div>
	  
	  <div class="carousel-item">
	    <figure><img src="images/slider-02.jpg" alt="image"  class="slide-image"/></figure>
		<div class="slide-text">
		  <div class="inner">
		    <h1><span>Street animals need our protection.</span> Help them today.</h1>
			<p><a href="#" class="btn">Make a donation <img src="images/donate-heart.svg" alt="image"></a></p>
          </div>
	    </div><!--/ slide-text -->
	  </div>
    
	</div><!--/ carousel-inner -->
	
	<button class="carousel-control-prev left" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev"><span class="carousel-control-prev-icon fa fa-angle-left" aria-hidden="true"></span><span class="visually-hidden">Previous</span></button>
	
	<button class="carousel-control-next right" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next"><span class="carousel-control-next-icon fa fa-angle-right" aria-hidden="true"></span><span class="visually-hidden">Next</span></button>
  </div> 
  
</section><!--/ banner -->    

<section class="about-home">
  <div class="container">
    <div class="row row-bg">
	
	  <div class="container-hero row"> 
	    <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in">
	      <div class="about-padd">
	        <h2>Every year we rescue more than 15,000 injured animals in Udaipur, India.</h2>
          </div><!--/ col-sm -->
        </div><!--/ col-sm -->
	  
	    <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
	      <p class="paragraph">Our mission is to rescue and treat owner-less street animals of Udaipur who have become ill or injured, and through their rescue inspire the community to care for the lives of all animals.</p>
	    </div> 
	  
	    <div class="col-sm-12 full aos-init aos-animate" data-aos="zoom-in">
	      <div class="text-lower">
		    <h3>Help when it's needed most</h3>
		    <p class="paragraph">Throughout India, animals including dogs, cows, cats and donkeys live on the streets. Most cities don't have hospitals for owner-less animals, which means injured or ill animals often die from treatable conditions. But in Udaipur, a call to our helpline saves a life. </p>
		    <p><a class="btn" href="$" target="">Read about our street animal rescue</a></p>
		  </div>
	    </div> 
     
      </div><!--/ container-hero --> 
    </div><!--/ row --> 
  </div>
</section><!--/ about-home -->

<section class="why-choose-us">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in"> 
        <div class="info"> 
		  <h2>Founder Desk</h2>
		  <p>Rakesh Mishra ji is a common man from a simple family who aims to make best cow hospital in whole of Asia.  He is dedicated to providing world class treatment to cattle just like we humans receive treatment for our illness and accidents.</p>
		  <p>Rakesh Mishra is the grandson of a great soul, who is known as Bauji in the area, his grandfather's name was Mr. Rameshwar Prasad Mishra and grandmother's name was Ganga Devi, his grandfather, popularly known as Bauji, was a very kind person,  Mr. Rameshwar Prasad Mishra, working in the education department, was considered a perfect man by the people of the area, his grandfather used to provide free food and other necessities to the needy people.</p>
		  <p>His grandfather was his inspiration and he started serving humanity.  Still, he was not happy and always thought that I was better made to serve.  One day he was traveling somewhere when he came across an injured Nandi, as if Nandi was telling him that he needed help.  Rakesh Mishra called many places but no one came for treatment, called the team of doctors and sought help so that he could get Nandi treated.</p>
		  <p>But in Biratnagar area in 2015, people's feeling towards living beings in the heart was not the same as we have changed now, at last a person arrived and Nandi's treatment started, Rakesh Mishra felt satisfaction while starting the treatment, he went inside  Pleased with this and he made up his mind that he would serve the cow-cow dynasty.</p>
		  <p><a href="#" class="btn">Learn more Founder Desk</a></p>
        </div><!--/ left -->
      </div><!--/ left -->
	  
	  <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
	    <figure><img src="images/img-01.jpg" alt=""></figure>
	  </div><!--/ right -->
    </div><!--/ row -->
	
    <div class="row row-flex align-items-center">
      <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in"> 
        <div class="info"> 
		  <h2>How we save street animals' lives</h2>
		  <p><strong>Lorem ipsum dolor</strong> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		  <p>Sed ut perspiciatis unde omnis iste natus error sit eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
		  <p><a href="#" class="btn">Learn more about what we do</a></p>
        </div><!--/ left -->
      </div><!--/ left -->
	  
	  <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
	    <figure><img src="images/img-02.jpg" alt=""></figure>
	  </div><!--/ right -->
    </div><!--/ row -->
	
	<div class="row align-items-center">
      <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in"> 
        <div class="info"> 
		  <h2>Visit or volunteer in our animal shelter</h2>
		  <p><strong>Lorem ipsum dolor</strong> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		  <p>Sed ut perspiciatis unde omnis iste natus error sit eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
		  <p><a href="#" class="btn">Plan your visit</a></p>
        </div><!--/ left -->
      </div><!--/ left -->
	  
	  <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
	    <figure><img src="images/img-03.jpg" alt=""></figure>
	  </div><!--/ right -->
    </div><!--/ row -->
	
	<div class="row row-flex align-items-center">
      <div class="col-sm-6 left aos-init aos-animate" data-aos="zoom-in"> 
        <div class="info"> 
		  <h2>So many ways to help</h2>
		  <p><strong>Lorem ipsum dolor</strong> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		  <p>Sed ut perspiciatis unde omnis iste natus error sit eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
		  <p><a href="#" class="btn">Learn about how to help</a></p>
        </div><!--/ left -->
      </div><!--/ left -->
	  
	  <div class="col-sm-6 right aos-init aos-animate" data-aos="zoom-in">
	    <figure><img src="images/img-04.jpg" alt=""></figure>
	  </div><!--/ right -->
    </div><!--/ row -->
  </div>
</section><!--/ why-choose-us --> 

<section class="blog-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-12 aos-init aos-animate" data-aos="zoom-in">
	    <div class="title mrb-50">
		  <h2 class="heading">Watch our hurt to healed stories!</h2>
		  <p class="paragraph">Incredible rescues, heartwarming recoveries, families reunited: watch the success stories that your support makes possible.</p>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 aos-init aos-animate" data-aos="zoom-in">  
		<div class="blog-info">
	      <figure>
		    <img src="images/blog-01.jpg" alt="image">
			<div class="info"><i class="fa fa-calendar" aria-hidden="true"></i> August 27, 2023</div>
		  </figure>
		  <div class="info-padd">
		    <h3>Massive wound, astounding healing.</h3>
			<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		    <p><a href="#" class="btn">View this story</a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
	  <div class="col-sm-3 aos-init aos-animate" data-aos="zoom-in">  
		<div class="blog-info">
	      <figure>
		    <img src="images/blog-02.jpg" alt="image">
			<div class="info"><i class="fa fa-calendar" aria-hidden="true"></i> August 27, 2023</div>
		  </figure>
		  <div class="info-padd">
		    <h3>Massive wound, astounding healing.</h3>
			<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		    <p><a href="#" class="btn">View this story</a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
	  <div class="col-sm-3 aos-init aos-animate" data-aos="zoom-in">  
		<div class="blog-info">
	      <figure>
		    <img src="images/blog-03.jpg" alt="image">
			<div class="info"><i class="fa fa-calendar" aria-hidden="true"></i> August 27, 2023</div>
		  </figure>
		  <div class="info-padd">
		    <h3>Massive wound, astounding healing.</h3>
			<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		    <p><a href="#" class="btn">View this story</a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
	  <div class="col-sm-3 aos-init aos-animate" data-aos="zoom-in">  
		<div class="blog-info">
	      <figure>
		    <img src="images/blog-04.jpg" alt="image">
			<div class="info"><i class="fa fa-calendar" aria-hidden="true"></i> August 27, 2023</div>
		  </figure>
		  <div class="info-padd">
		    <h3>Massive wound, astounding healing.</h3>
			<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		    <p><a href="#" class="btn">View this story</a></p>			  
	      </div><!--/ info-padd --> 
	    </div><!--/ work-info --> 
	  </div>
	  
    </div><!--/ row --> 
  </div>
</section>


<section class="counter-sec">
  <div class="container">
    <div class="row" id="counter">
	  
	  <div class="col-sm-12 aos-init aos-animate" data-aos="zoom-in"> 
	    <div class="title mrb-50">
		  <h2 class="heading">Our numbers in 2021</h2>
		  <p class="paragraph">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	    </div>
	  </div>
	  
	  <div class="col-sm-4 counter-Txt aos-init aos-animate" data-aos="zoom-in"> 
	    <div class="info"> 
	      <span class="counter-value" data-count="16000"></span>
		  <span class="plus">+</span>
		  <h4>Animals rescued</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-4 counter-Txt aos-init aos-animate" data-aos="zoom-in"> 
	    <div class="info"> 
		  <span class="counter-value" data-count="721"></span>
		  <span class="plus">+</span>
		  <h4>Average daily number of animals at SR GTF</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-4 counter-Txt aos-init aos-animate" data-aos="zoom-in"> 
	    <div class="info"> 
		  <span class="counter-value" data-count="100"></span>
		  <span class="plus">+</span>
		  <h4>Visitors and volunteers</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-12 mrb-30 counter-donation aos-init aos-animate" data-aos="zoom-in"> 
	    <p><a href="#" class="btn">Make a donation <img src="images/donate-heart.svg" alt="image"></a></p>
	  </div>
	  
    </div>
  </div>
</section><!--/ service-sec --> 

<section class="form-wrap">	
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 right">
		
	    <div class="form-info aos-init aos-animate" data-aos="zoom-in">
	      <h2 class="aos-init aos-animate" data-aos="zoom-in">Contact us for more information <span>Find below our contact information and email addresses for your various questions and needs.</span></h2>
		  <form>		    
			<div class="form-group col-sm-6">
			  <label>First Name</label>
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa fa-user-o"></div></div>
                <input type="text" placeholder="Your Name" class="form-control">
              </div>
			</div>
			
			<div class="form-group col-sm-6">
			  <label>Last Name</label>
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa fa-user-o"></div></div>
                <input type="text" placeholder="Your Name" class="form-control">
              </div>
			</div>
			
			<div class="form-group col-sm-6">
			  <label>EMAIL ADDRESS</label>
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa fa-envelope-o"></div></div>
                <input type="text" placeholder="Your Email" class="form-control">
              </div>
			</div>
			
			<div class="form-group col-sm-6">
			  <label>Phone No</label>
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa fa-phone"></div></div>
                <input type="text" placeholder="Phone No" class="form-control">
              </div>
			</div>
			
			<div class="form-group col-sm-12">
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa fa-envelope"></div></div>
                <textarea class="form-control"></textarea>
              </div>
			</div>
			
		    <div class="form-group col-sm-12"><p>By signing up to our newsletter you agree to receive emails from us as per our privacy policy</p></div>
			
		    <div class="form-group col-sm-12"><input type="submit" value="Sign up for our newsletter" class="btn"></div>
		  </form>
		</div> 
	  </div><!--/ coll -->
	  
    </div><!--/ row --> 
  </div>
</section><!--/ form-wrap -->

<section class="client-speak">
  <div class="container">
    <div class="row">      
	  
	  <div class="col-sm-6 grid-left aos-init aos-animate" data-aos="zoom-in">
	    <figure><img src="images/img-05.jpg" alt=""></figure>
	  </div>
	  
	  <div class="col-sm-6 grid-right aos-init aos-animate" data-aos="zoom-in">		 
	    <h2><span>Success Stories</span>Happy Client Feedback About Our Service</h2>
		<div class="owl-carousel owl-theme" id="owl-demo-4">
		  
		  <div class="item">
		    <div class="item-bg">
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			  <div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
			  <div class="other-name">
			    <figure><img src="images/client-01.jpg" alt=""></figure>
			    <h4>Dr. Sanjay Yadav<span>Lorem Ipsum Dummy Text</span></h4>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg">
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			  <div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
			  <div class="other-name">
			    <figure><img src="images/client-02.jpg" alt=""></figure>
			    <h4>Mr. Pappu Kumar<span>Lorem Ipsum Dummy Text</span></h4>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg">
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			  <div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
			  <div class="other-name">
			    <figure><img src="images/client-03.jpg" alt=""></figure>
			    <h4>Mr. Kamal Jandel<span>Lorem Ipsum Dummy Text</span></h4>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg">
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			  <div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
			  <div class="other-name">
			    <figure><img src="images/client-04.jpg" alt=""></figure>
			    <h4>Mr. Sandeep Goutam<span>Lorem Ipsum Dummy Text</span></h4>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg">
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			  <div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
			  <div class="other-name">
			    <figure><img src="images/client-05.jpg" alt=""></figure>
			    <h4>Mr. Maan Singh<span>Lorem Ipsum Dummy Text</span></h4>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  --> 

<section class="team-section hidden">
  <div class="container">
    <div class="row">
      
	  <div class="col-sm-12 aos-init" data-aos="zoom-in">
	    <h2><span>Expert Member</span>Our Expert & Dedicated Team Introducing</h2>
	  </div>
	    
	  <div class="col-sm-3 single-card-rotate aos-init" data-aos="zoom-in">
		<div class="single-card">
          <div class="single-card-image"><img src="images/team-01.jpg" alt="team"></div>
          <div class="single-card-content">
            <h3>Sandeep Goutam</h3>
            <p>Executive Officer</p>
			<div class="social-list">
              <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
              <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
              <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
            </div>
          </div>
        </div>
      </div>
	  
	  <div class="col-sm-3 single-card-rotate aos-init" data-aos="zoom-in">
		<div class="single-card">
          <div class="single-card-image"><img src="images/team-02.jpg" alt="team"></div>
          <div class="single-card-content">
            <h3>Kamal Jandel</h3>
			<p>Project Manager</p>
			<div class="social-list">
              <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
              <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
              <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
            </div>
          </div>
        </div>
      </div>
	  
	  <div class="col-sm-3 single-card-rotate aos-init" data-aos="zoom-in">
		<div class="single-card">
          <div class="single-card-image"><img src="images/team-03.jpg" alt="team"></div>
          <div class="single-card-content">
            <h3>Maan Singh</h3>
			<p>Senior Consultant</p>
			<div class="social-list">
              <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
              <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
              <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
            </div>
          </div>
        </div>
      </div>
	  
	  <div class="col-sm-3 single-card-rotate aos-init" data-aos="zoom-in">
		<div class="single-card">
          <div class="single-card-image"><img src="images/team-04.jpg" alt="team"></div>
          <div class="single-card-content">
            <h3>Sanjay Yadav</h3>
			<p>Senior Consultant</p>
			<div class="social-list">
              <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
              <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
              <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
            </div>
          </div>
        </div>
      </div>

    </div><!--/row -->
  </div>
</section>

<footer class="footer">  
   <div class="back-to-top"><a href="#Home" class="BackTo"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>
   <script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>

  <div class="container">
  
    <div class="row">
      <div class="col-sm-3 footer-left">
        <div class="wg-1">
          <div class="ft-logo"><a href="#"><img src="images/logo.png" alt="image"></a></div>
		  <!--address>
		    <i class="fa fa-clock-o" aria-hidden="true"></i>
			<div class="mrg-t-5"><p>Mon - Sat: 9AM to 6PM <br>All Sunday Off</p></div>
		  </address-->
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	
	  <div class="col-sm-9 footer-right">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Quick Links</h4>
			  <ul>
			    <li><a href="index.html">Home</a></li>
				<li><a href="index.html">About us</a></li>
				<li><a href="index.html">What we do</a></li>
				<li><a href="index.html">How to help</a></li>
				<li><a href="index.html">Success stories</a></li>
				<li><a href="index.html">Plan your visit</a></li>
				<li><a href="index.html">Contact us</a></li>
			  </ul>
			</div>
		  </div><!--/ col-sm -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>What we do</h4>
			  <ul>
			    <li><a href="#">Rescue</a></li>
				<li><a href="#">Hospital and medical care</a></li>
				<li><a href="#">Spay and neuter</a></li>
				<li><a href="#">Sanctuary</a></li>
				<li><a href="#">Outreach and education</a></li>
				<li><a href="#">Cruelty response</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
              <h4>Contact us</h4>		          	  		
			    <address>
				  <i class="fa fa-map-marker" aria-hidden="true"></i>
				  <div><p>Address : Sankat Mochan Vijayi Bhava Dal, Bairat, Rajasthan. Pin No. 303102</p></div>
				</address>
				
				<address>
				  <i class="fa fa-phone" aria-hidden="true"></i>
				  <div><p><a href="tel:+91 7737919200">+91 7737919200</a></p></div>
				</address>
				
				<address>
				  <i class="fa fa-envelope" aria-hidden="true"></i>
				  <div><p><a href="mailto: shreeramgauteerthdhamtrust@gmail.com">shreeramgauteerthdhamtrust@gmail.com</a></p></div>
				</address>		       		  	 
            </div>
		  </div><!--/ col-sm --> 
           
        </div><!-- row -->            
      </div><!-- footer-right -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-8"><p class="copyright">Copyright © 2023 ShreeRam Gau Teerth Foundation - Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics Pvt. Ltd.</a></p></div>
		
		<div class="col-sm-4">
		  <div class="icon-ft">
            <a href="https://www.facebook.com/Animalrightsngo" target="_blank"><i class="fa fa-facebook"></i></a>
			<a href="https://www.instagram.com/srgtfoundation/" target="_blank"><i class="fa fa-instagram"></i></a>
            <a href="https://www.youtube.com/@srgtfoundation" target="_blank"><i class="fa fa-youtube"></i></a>
          </div>
	    </div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
  
</footer>


<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="dist/aos.js"></script>	
<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-3').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
})  

$('#owl-demo-4').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})  

var a = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 7000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});
</script>
		  
</body>
<script>
  AOS.init();
</script>
</html>