HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/ShreeRam-Gau-Teerth-Foundation/
Current File : /home/htlwork.com/www/dev/ShreeRam-Gau-Teerth-Foundation/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=Poppins:wght@100;200;300;400;500;600;700;800;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-7 head-left">
		  <ul>
            <li><a href="tel:+91 7737919200"><i class="fa fa-phone" aria-hidden="true"></i> <small class="hidden">Call Us</small><span>+91 7737919200</span></a></li>
            <li><a href="mailto:shreeramgauteerthdhamtrust@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i> <small class="hidden">Email Us</small><span>shreeramgauteerthdhamtrust@gmail.com</span></a></li>
          </ul>
        </div>
	  
	    <div class="col-sm-5 head-right">
		  <ul>
            <li><a href="tel:+91 9256882744"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> Report an ill or injured animal</a></li>
          </ul>	           
		  <div class="icon-top">
            <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>
  </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="index.html">Home</a></li>
			  <li class="sub-drop"><a href="about-us.html">About us</a>
			    <ul class="sub-menu">
			      <li><a href="our-mission.html">Our values and mission</a></li>
			      <li><a href="history-aau.html">History of AAU</a></li>
			      <li><a href="team.html">Meet the team</a></li>
			      <li><a href="faq.html">FAQs</a></li>
			      <li><a href="careers.html">Careers</a></li>
			      <li><a href="financial.html">Financial information</a></li>
                </ul>
			  </li>
			  <li class="sub-drop"><a href="what-we-do.html">What we do</a>
			    <ul class="sub-menu">
			      <li><a href="Rescue.html">Rescue</a></li>
			      <li><a href="medical-care.html">Hospital and medical care</a></li>
			      <li><a href="Spay.html">Spay and neuter</a></li>
			      <li><a href="Sanctuary.html">Sanctuary</a></li>
			      <li><a href="Outreach.html">Outreach and education</a></li>
			      <li><a href="Cruelty-response.html">Cruelty response</a></li>
                </ul>
			  </li>
			  <li class="li-mrg"><a href="Success-stories.html">Success stories</a></li>
			  <li class="sub-drop"><a href="help.html">How to help</a>
			    <ul class="sub-menu">
				  <li><a href="donate.html">Donate</a></li>
				  <li><a href="volunteer.html">Volunteer</a></li>
				  <li><a href="sponsor.html">Sponsor</a></li>
				  <li><a href="adopt.html">Adopt</a></li>
				  <li><a href="memorialize.html">Memorialize a pet</a></li>
				  <li><a href="legacy.html">Create a legacy</a></li>
				  <li><a href="cryptocurrency.html">Donate Cryptocurrency</a></li>
				  <li><a href="shop.html">Shop</a></li>
				</ul>
			  </li>
			  <li><a href="visit.html">Plan your visit</a></li>
			  <li><a href="contact-us.html">Contact us</a></li>
			  <li><a href="donate.html">Donate</a></li>
		    </ul>
			
		  </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><br> Help them today.</h1>
			<p>You can donate money, food, or other essential supplies to support the care and feeding of the cows in the Gaushala.</p>
			<div class="subricbe">
			  <form>
              <input type="text" id="" name="" class="form-control" placeholder="Your Email Address..." required="" tabindex="0">
              <input type="submit" class="btn" value="Get Call Back">
            </form>
            </div>
          </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><br> Help them today.</h1>
			<p>You can donate money, food, or other essential supplies to support the care and feeding of the cows in the Gaushala.</p>
			<div class="subricbe">
			  <form>
              <input type="text" id="" name="" class="form-control" placeholder="Your Email Address..." required="" tabindex="0">
              <input type="submit" class="btn" value="Get Call Back">
            </form>
            </div>
          </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="services-sec">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 cs-top aos-init aos-animate" data-aos="zoom-in">
	    <h2><span>What We Do</span>Helping street animals when they need us most</h2>
		<p><a href="#" class="btn">All Services</a></p>
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 service-col aos-init aos-animate" data-aos="zoom-in">
	    <div class="owl-carousel owl-theme" id="owl-demo-1">
		
		  <div class="item">
		    <figure><img src="images/icon-01.png" alt="Image"></figure>
		    <div class="info">
			  <h4>Rescue</h4>
			  <p>Safely removing cows from hazardous environments, such as busy roads, unsafe areas, or locations where they are mistreated or left unattended.</p>
			  <p><a href="#" class="btn"><i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <figure><img src="images/icon-01.png" alt="Image"></figure>
		    <div class="info">
			  <h4>Hospital and medical care</h4>
			  <p>Utilizing diagnostic tools such as X-rays, ultrasounds, blood tests, and other medical imaging techniques to diagnose internal injuries or health issues.</p>
			  <p><a href="#" class="btn"><i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <figure><img src="images/icon-01.png" alt="Image"></figure>
		    <div class="info">
			  <h4>Spay and neuter</h4>
			  <p>These procedures can reduce the risk of certain cancers and reproductive health issues, contributing to the animal's overall health and longevity.</p>
			  <p><a href="#" class="btn"><i class="fa fa-angle-right" aria-hidden="true"></i></a></p>
		    </div>
		  </div><!--/ item -->
		  
	    </div>  
	  </div><!--/ service-col -->  
     
    </div><!--/ row --> 
  </div>
</section><!--/ services-sec -->       

<section class="about-sec">
  <div class="container">
	
	<div class="row"> 
	  <div class="col-sm-7 about-left aos-init aos-animate" data-aos="zoom-in">
	    <div class="about-padd">
			<h2><small>About Us</small>ShreeRam Gau Teerth <span>Foundation</span></h2>
			<h5>Every year we rescue more than 15,000 injured animals in Bairat, Rajasthan, India.</h5>
			<p><strong>Cow Shelters: </strong>Gaushalas typically have well-constructed and spacious shelters where cows can seek protection from the elements, such as rain, sun, and extreme temperatures.</p>
			<h5>Feeding Areas:</h5>
			<p>There are designated areas for feeding cows where they are provided with nutritious food, including fresh fodder, grains, and clean water.</p>
			<h5>Medical Facilities: </h5>
			<p>Many gaushalas have veterinary clinics or medical facilities to attend to the healthcare needs of the cows. Regular check-ups and treatment of illnesses or injuries are crucial aspects of their care.</p>
  
		<h5>Grazing Grounds:  </h5>
			<p>Gaushalas often have open fields or grazing grounds where the cows can graze and exercise, promoting their physical well-being.</p>
  


		  <p><a href="#" class="btn">View More</a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-5 about-right aos-init aos-animate" data-aos="zoom-in">
	    <div class="aboutImg">
		  <figure><img src="images/about.png" alt="image"></figure>
		  <div class="about-text"><span>14</span><p>Years of Experience</p></div>
		</div>
	  </div> 
     
    </div><!--/ row --> 
  </div>
</section>   

<section class="text-tag">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-12 aos-init aos-animate" data-aos="zoom-in">
	    <h2>Help when it's needed most</h2>
		<p><strong>Emergency Fundraising:</strong> Launch an emergency fundraising campaign. Utilize online crowdfunding platforms or social media to seek immediate financial support from your network and the broader community. Clearly communicate the urgency of the situation.</p>
		<p><a href="#" class="btn"><i class="fa fa-heart-o" aria-hidden="true"></i> Make a donation</a></p>
	  </div>

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

<section class="why-choose-us">
  <div class="container-fluid">
    <div class="row 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>Provide Food and Water:</strong> Regularly feed street animals in your area. Leaving out clean water and nutritious food can prevent them from going hungry.</p>
		  <p>Consider organizing or participating in community feeding programs to ensure a consistent food source for strays.</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 row-flex 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>Understand the Requirements:</strong> Different shelters may have varying requirements for volunteers. They might ask for a certain time commitment, age restrictions, or specific skills. Make sure you understand and meet these requirements.
		  </p>
		  <p>Before committing to volunteering, consider visiting the shelter to get a sense of the environment and the animals' needs. This will help you make an informed decision.</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 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>Financial Donations:</strong>Provide financial support through one-time donations or recurring contributions to help cover the costs of food, shelter, medical care, and maintenance.
		  </p>
		  <p>Support or organize educational programs about cow protection, Indian culture, and the significance of cows in Hinduism and other religions.</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="form-wrap">	
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 right">
	    <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>
		
	    <div class="form-info aos-init aos-animate" data-aos="zoom-in">
		  <form>		    
			<div class="form-group col-sm-3">
			  <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-3">
			  <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-3">
			  <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-3"><input type="submit" value="Submit Now" class="btn"></div>
		  </form>
		</div> 
	  </div><!--/ coll -->
	  
    </div><!--/ row --> 
  </div>
</section><!--/ form-wrap -->

<section class="gallery-sec">
  <div class="container">
    
	<div class="row">
	  <div class="col-sm-12">
		<h2>Photo <span>Gallery</span></h2>	
	  </div>
	</div>
	  
	<div class="portfolio-item row">
	
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-01.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-01.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-02.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-02.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-03.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-03.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-04.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-04.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-05.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-05.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-06.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-06.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-07.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-07.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-08.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-08.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-09.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-09.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-010.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-010.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-011.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-011.jpg" alt=""></a></div><!--/ end -->
	  
	  <div class="item col-sm-4 aos-init aos-animate" data-aos="zoom-in"><a href="images/gallery-012.jpg" class="fancylight popup-btn" data-fancybox-group="light"><img class="img-fluid" src="images/gallery-012.jpg" alt=""></a></div><!--/ end -->
	  
	</div><!--/ portfolio-item -->
	
<script>
        // $('.portfolio-item').isotope({
        //  	itemSelector: '.item',
        //  	layoutMode: 'fitRows'
        //  });
         $('.portfolio-menu ul li').click(function(){
         	$('.portfolio-menu ul li').removeClass('active');
         	$(this).addClass('active');
         	
         	var selector = $(this).attr('data-filter');
         	$('.portfolio-item').isotope({
         		filter:selector
         	});
         	return  false;
         });
         $(document).ready(function() {
         var popup_btn = $('.popup-btn');
         popup_btn.magnificPopup({
         type : 'image',
         gallery : {
         	enabled : true
         }
         });
         });	  
</script>
  </div><!--/ container -->
</section><!--/ gallery-sec -->

<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="about-us.html">About us</a></li>
				<li><a href="what-we-do.html">What we do</a></li>
				<li><a href="help.html">How to help</a></li>
				<li><a href="Success-stories.html">Success stories</a></li>
				<li><a href="visit.html">Plan your visit</a></li>
				<li><a href="contact-us.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.html">Rescue</a></li>
				<li><a href="medical-care.html">Hospital and medical care</a></li>
				<li><a href="Spay.html">Spay and neuter</a></li>
				<li><a href="Sanctuary.html">Sanctuary</a></li>
				<li><a href="Outreach.html">Outreach and education</a></li>
				<li><a href="Cruelty-response.html">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
        }
    }
})  
</script>
		  
</body>
<script>
  AOS.init();
</script>
</html>