HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/Gopal-Mandir-Balghar/
Current File : /home/htlwork.com/www/dev/Gopal-Mandir-Balghar/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>Gopal Mandir Balghar</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 9817302397"><i class="fa fa-phone" aria-hidden="true"></i> <small class="hidden">Call Us</small><span>+91 9817302397</span></a></li>
            <li><a href="mailto:info@gopalmandir.com"><i class="fa fa-envelope-o" aria-hidden="true"></i> <small class="hidden">Email Us</small><span>gopalmandirbalghar@gmail.com</span></a></li>
          </ul>
        </div>
	  
	    <div class="col-sm-5 head-right">
		  <div class="icon-top">
		    <span> Follow Us On</span>
            <a href="https://www.facebook.com/GopalMandirBalghar" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
            <a href="https://www.youtube.com/@GopalMandirBalghar" 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>About us</a>
			    <ul class="sub-menu">
			      <li><a href="about-us.html">About us</a></li>
			      <li><a href="#">History of Temple</a></li>
				  <li><a href="#">Temple Management Committee</a></li>
                </ul>
			  </li>
			  <li class="sub-drop"><a>What we do</a>
			    <ul class="sub-menu">
			      <li><a href="#">Social Activities</a></li>
				  <li><a href="#">Religious Festivals Celebration</a></li>
				  <li><a href="#">Weekly Hanuman Chalisa Path</a></li>
                </ul>
			  </li>
			  <li class="li-mrg sub-drop"><a>How to help</a>
			    <ul class="sub-menu">
				  <li><a href="#">Donate</a></li>
				  <li><a href="#">Volunteer</a></li>
				  <li><a href="#">Sponsar</a></li>
				</ul>
			  </li>
			  <li><a href="#">Events</a></li>
			  <li class="sub-drop"><a>Gallery</a>
			    <ul class="sub-menu">
				  <li><a href="photo-gallery.html">Photo Gallery</a></li>
				  <li><a href="#">Video Gallery</a></li>
				</ul>
			  </li>
			  <li><a href="contact-us.html">Contact us</a></li>
			  <li><a href="#">Donate</a></li>
		    </ul>
			
		  </div>
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
   <video class="video" src="images/Gopal-Mandir-Balghar.mp4" autoplay="" loop="" muted="muted" controlslist="nodownload"></video>    	  
</section><!--/ banner -->

<section class="services-sec">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 cs-top aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>What We Do</span>Join Us on this Spiritual Journey</h2>
		<p><a href="#" class="btn">All Services</a></p>
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-12 service-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <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>Social Activities</h4>
			  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</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-02.png" alt="Image"></figure>
		    <div class="info">
			  <h4>Religious Festivals Celebration</h4>
			  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</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-03.png" alt="Image"></figure>
		    <div class="info">
			  <h4>Weekly Hanuman Chalisa Path</h4>
			  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</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-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="about-padd">
	      <h2><small>About Us</small>Gopal Mandir <span>Balghar</span></h2>
		  <h5>A vibrant hub where individuals come together to celebrate, worship, and find solace in a shared spiritual journey.</h5>
		  <p><strong>Welcome to Gopal Mandir Balghar,</strong> a sacred space dedicated to fostering spiritual growth, community engagement, and cultural enrichment. Our temple is a vibrant hub where individuals come together to celebrate, worship, and find solace in a shared spiritual journey. At Gopal Mandir Balghar, we are dedicated to fostering a sense of spiritual growth, community, and cultural enrichment. Our vibrant temple is not just a place of worship; it is a hub of various activities and services aimed at serving both our members and the wider community.</p>
		  <h5>Our Mission</h5>
		  <p>The Mission of Gopal Mandir Balghar is to serve as place of worship, community gathering, and spiritual education. Provide a sacred space for individuals to worship and connect with their spiritual beliefs. Conduct religious ceremonies, rituals, and prayers to facilitate spiritual growth and community bonding.</p>
		  <h5>Our Values</h5>
		  <p>We believe in fostering an environment where individuals can explore, deepen, and celebrate their spiritual journey. Through prayer, meditation, and community rituals, we aim to create a space that nourishes the soul and promotes inner peace.</p>
		  <p><a href="#" class="btn">View More</a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-5 about-right aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="aboutImg">
		  <figure><img src="images/about.png" alt="image"></figure>
		  <div class="about-text"><span>Gopal</span><p>Mandir Balghar</p></div>
		</div>
	  </div> 
     
    </div><!--/ row --> 
  </div>
</section>   

<section class="text-tag">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-12 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2>Donate for Social Cause</h2>
		<p><strong>At Gopal Mandir Balghar,</strong> we believe in serving the community beyond our sacred walls. Participate in our outreach programs, where we collaborate with local organizations to address social issues, provide assistance, and contribute to the welfare of the broader community.</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">
    <div class="row align-items-center">
      <div class="col-sm-6 left aos-animate" data-aos="fade-up" data-aos-duration="1000"> 
        <div class="info"> 
		  <h2>Social Outreach</h2>
		  <p><strong>At Gopal Mandir Balghar,</strong> we believe in serving the community beyond our sacred walls. Participate in our outreach programs, where we collaborate with local organizations to address social issues, provide assistance, and contribute to the welfare of the broader community.</p>
		  <p><a href="#" class="btn">View More</a></p>
        </div><!--/ left -->
      </div><!--/ left -->
	  
	  <div class="col-sm-6 right aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <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-animate" data-aos="fade-up" data-aos-duration="1000"> 
        <div class="info"> 
		  <h2>Cultural Events</h2>
		  <p><strong>Celebrate the diversity</strong> of our cultural heritage through various events and festivals. Join us in festivities that showcase traditional dances, music, and art, fostering a sense of unity and appreciation for our shared history.</p>
		  <p><a href="#" class="btn">View More</a></p>
        </div><!--/ left -->
      </div><!--/ left -->
	  
	  <div class="col-sm-6 right aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <figure><img src="images/img-03.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="fade-up" data-aos-duration="1000">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-animate" data-aos="fade-up" data-aos-duration="1000">
		  <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 aos-animate" data-aos="fade-up" data-aos-duration="1000"> 
	    <h2>Photo Gallery</h2>
      </div>
	</div>
	
	<div class="row">
	  <div class="col-sm-12">
	    <div class="portfolio-menu aos-animate" data-aos="fade-up" data-aos-duration="1000"> 
            <ul>
               <li class="btn-outline-dark active" data-filter="*">All</li>
               <li class="btn-outline-dark" data-filter=".Janmashtmi">Janmashtmi</li>
               <li class="btn-outline-dark" data-filter=".Deepawali">Deepawali</li>
               <li class="btn-outline-dark text" data-filter=".Mandir-Pooja">Mandir Pooja</li>
               <li class="btn-outline-dark text" data-filter=".Navarathri">Navarathri</li>
            </ul>
         </div>
      </div>
	</div>
	
	<div class="portfolio-item row aos-animate" data-aos="fade-up" data-aos-duration="1000">   
	  <div class="item Janmashtmi col-sm-4">
	    <a href="images/Janmashtmi/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Janmashtmi/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Janmashtmi</h3>
		  </div>
        </a>
      </div>
	  
	  <div class="item Janmashtmi col-sm-4">
	    <a href="images/Janmashtmi/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Janmashtmi/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Janmashtmi</h3>
		  </div>
        </a>
      </div>
	  <!--/ Janmashtmi end -->
	  
	  <div class="item Deepawali col-sm-4">
        <a href="images/Deepawali/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Deepawali/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Deepawali</h3>
		  </div>
        </a>
      </div>
	  <!--/ Deepawali end -->
	  
	  <div class="item Mandir-Pooja col-sm-4">
        <a href="images/Mandir-Pooja/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Mandir-Pooja/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Mandir-Pooja</h3>
		  </div>
        </a>
      </div>
	  <!--/ Mandir-Pooja end --> 
	  
	  <div class="item Mandir-Pooja col-sm-4">
        <a href="images/Mandir-Pooja/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Mandir-Pooja/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Mandir-Pooja</h3>
		  </div>
        </a>
      </div>
	  <!--/ Mandir-Pooja end -->  
	  
	  <div class="item Navarathri col-sm-4">
        <a href="images/Navarathri/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Navarathri/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Navarathri</h3>
		  </div>
        </a>
      </div> 
	  
	  <div class="item Navarathri col-sm-4">
        <a href="images/Navarathri/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Navarathri/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Navarathri</h3>
		  </div>
        </a>
      </div>  
	  <!--/ Workshop end -->
	  
	  <div class="item Navarathri col-sm-4">
        <a href="images/Navarathri/03.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Navarathri/03.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Navarathri</h3>
		  </div>
        </a>
      </div>  
	  <!--/ Workshop end -->
	  
    </div><!--/ portfolio-item -->
	
  </div><!--/ container -->
<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>
</section><!--/ gallery-sec -->

<section class="gallery-sec hidden">
  <div class="container">
  
    <div class="row">
	  <div class="col-sm-12">
	    <h2>Photo Gallery</h2>
      </div>
	</div>
	
	<div class="row">
	  <div class="col-sm-12">
	    <div class="portfolio-menu2">
            <ul>
               <li class="btn-outline-dark active" data-filter="*">All</li>
               <li class="btn-outline-dark" data-filter=".Janmashtmi">Janmashtmi</li>
               <li class="btn-outline-dark" data-filter=".Deepawali">Deepawali</li>
               <li class="btn-outline-dark text" data-filter=".Mandir-Pooja">Mandir Pooja</li>
               <li class="btn-outline-dark text" data-filter=".Navarathri">Navarathri</li>
            </ul>
         </div>
      </div>
	</div>
	
	<div class="portfolio-item2 row">	  
	  <div class="item Janmashtmi col-lg-3 col-md-4 col-6 col-sm">
	    <a href="images/Janmashtmi/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Janmashtmi/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Janmashtmi</h3>
		  </div>
        </a>
      </div>
	  
	  <div class="item Janmashtmi col-lg-3 col-md-4 col-6 col-sm">
	    <a href="images/Janmashtmi/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Janmashtmi/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Janmashtmi</h3>
		  </div>
        </a>
      </div>
	  <!--/ Janmashtmi end -->
	  
	  <div class="item Deepawali col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Deepawali/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Deepawali/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Deepawali</h3>
		  </div>
        </a>
      </div>
	  <!--/ Deepawali end -->
	  
	  <div class="item Mandir-Pooja col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Mandir-Pooja/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Mandir-Pooja/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Mandir-Pooja</h3>
		  </div>
        </a>
      </div>
	  <!--/ Mandir-Pooja end --> 
	  
	  <div class="item Mandir-Pooja col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Mandir-Pooja/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Mandir-Pooja/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Mandir-Pooja</h3>
		  </div>
        </a>
      </div>
	  <!--/ Mandir-Pooja end -->  
	  
	  <div class="item Navarathri col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Workshop/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Navarathri/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Navarathri</h3>
		  </div>
        </a>
      </div> 
	  
	  <div class="item Navarathri col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Navarathri/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Navarathri/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Navarathri</h3>
		  </div>
        </a>
      </div>  
	  <!--/ Workshop end -->
	  
	  <div class="item Navarathri col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Navarathri/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Navarathri/03.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Navarathri</h3>
		  </div>
        </a>
      </div>  
	  <!--/ Workshop end -->
	  
    </div><!--/ portfolio-item -->
	
  </div><!--/ container -->
<script>
        // $('.portfolio-item2').isotope({
        //  	itemSelector: '.item',
        //  	layoutMode: 'fitRows'
        //  });
         $('.portfolio-menu2 ul li').click(function(){
         	$('.portfolio-menu2 ul li').removeClass('active');
         	$(this).addClass('active');
         	
         	var selector = $(this).attr('data-filter');
         	$('.portfolio-item2').isotope({
         		filter:selector
         	});
         	return  false;
         });
         $(document).ready(function() {
         var popup_btn = $('.popup-btn');
         popup_btn.magnificPopup({
         type : 'image',
         gallery : {
         	enabled : true
         }
         });
         });	  
</script>
</section><!--/ gallery-sec -->

<section class="map-sec aos-animate" data-aos="fade-up" data-aos-duration="1000">
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3406.4422990365533!2d76.6251288!3d31.374365700000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3905374c112fd0db%3A0xe03e95e1acfe457f!2sGopal%20Mandir!5e0!3m2!1sen!2sin!4v1704438191997!5m2!1sen!2sin" width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section><!--/ map-sec --> 

<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="about-us.html">What we do</a></li>
			    <li><a href="about-us.html">Events</a></li>
			    <li><a href="about-us.html">Photo Gallery</a></li>
				<li><a href="about-us.html">Video Gallery</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>How to help</h4>
			  <ul>
			    <li><a href="#">Donate</a></li>
				<li><a href="#">Volunteer</a></li>
				<li><a href="#">Sponsar</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 : Gopal Mandir Balghar, VPO Balghar, Tehsil Jhandutta, Distt. Bilaspur,  Himachal Pradesh, Pin No. 174031</p></div>
				</address>
				
				<address>
				  <i class="fa fa-phone" aria-hidden="true"></i>
				  <div><p><a href="tel:+91 9817302397">+91 9817302397</a></p></div>
				</address>
				
				<address>
				  <i class="fa fa-envelope" aria-hidden="true"></i>
				  <div><p><a href="mailto: gopalmandirbalghar@gmail.com">gopalmandirbalghar@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 Gopal Mandir Balghar - 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/GopalMandirBalghar" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
            <a href="https://www.youtube.com/@GopalMandirBalghar" 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>