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/contact-us.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>
<div class="banner-inner">
  <div class="container">
    <h1>Contact us</h1>   
  </div>
  
  <div class="textblock">
	<div class="container">
	  <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.</p>
	  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
	</div>
  </div>
  
  <div class="breadcrumb-wrap">
	<div class="container">
	  <ol class="breadcrumb">
	    <li><a href="index.html"><span class="fa fa-home"></span> Home</span></a></li>
		<li><a>Contact us</a></li>
	  </ol>
	</div>
  </div>  
</div><!--/ banner-inner -->

<section class="mid-inner">
  <div class="container">    
    <div class="row">
      
      <div class="col-sm-12 full-sidebar">
	    <div class="contact-page">
		  
		  <div class="row contact-row">
			<div class="col-sm-4 contact-col aos-init aos-animate" data-aos="zoom-in">
			  <h4>Contact Information</h4>
              <div class="contact-box">
                <div class="icon"><i class="fa fa fa-phone" aria-hidden="true"></i> </div>
		        <div class="content">
		          <p><a href="tel:7737919200">+91 7737919200</a></p>
		        </div>
		      </div>
			
              <div class="contact-box">
                <div class="icon"><i class="fa fa-envelope-o" aria-hidden="true"></i> </div>
		        <div class="content">
		          <p><a href="mailto:shreeramgauteerthdhamtrust@gmail.com">shreeramgauteerthdhamtrust@gmail.com</a></p>
		        </div>
		      </div>
            
              <div class="contact-box">
                <div class="icon"><i class="fa fa-map-o" aria-hidden="true"></i> </div>
		        <div class="content">
		          <p>Sankat Mochan Vijayi Bhava Dal, Bairat, Rajasthan. Pin No. 303102</p>
		        </div>
		      </div>
            </div><!--/ col-sm-4 -->
	  
	        <div class="col-sm-8 contact-form aos-init aos-animate" data-aos="zoom-in">
	          <h3>Send us a massege</h3>
              <form>
			    <div class="form-group col-sm-6">
				  <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">
				  <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">
				  <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-6">
				  <div class="input-group">
				    <div class="input-group-addon"><div class="fa fa-address-book-o"></div></div>
					<input type="text" placeholder="Subject" 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-open-o"></div></div>
					<textarea class="form-control" placeholder="Your Message :"></textarea>
				  </div>
				</div>
			
			    <div class="col-sm-12"><input class="btn" value="Send Message" type="submit"></div>
			  </form>
            </div><!--/ col-sm-12 -->
			
		  </div><!--/ row --> 
		
		
		  <div class="row">  
		    <div class="col-sm-12">
			  <div class="map-padd aos-init aos-animate" data-aos="zoom-in">
			   <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7310706.80872282!2d68.58333680213046!3d26.530380249303537!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x396a3efaf7e30e37%3A0xb52b9b4506c088e5!2sRajasthan!5e0!3m2!1sen!2sin!4v1693215952540!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
			  </div>
			</div>
	      </div><!--/ row -->
		  
		</div><!--/ contact-wrap -->
	  </div><!--/ full-sidebar -->
	 
      
    </div>
  </div>
</section><!--/ mid-inner -->
  
<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>