HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/krishnamandir/
Current File : /home/htlwork.com/www/dev/krishnamandir/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>Hare Krishna mandir</title>
  <!-- Bootstrap Core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">
  <link href="css/grid.min.css" rel="stylesheet" type="text/css">

  <!-- Custom CSS -->
  <link href="style.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"
    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">

  <!-- Owl Carousel Assets -->
  <link href="css/owl.carousel.css" rel="stylesheet">
  <link href="css/owl.theme.css" rel="stylesheet">

  <!-- 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 href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">

  <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>
    $(window).scroll(function () {
      if ($(this).scrollTop() > 20) {
        $('.header').addClass("sticky");
      }
      else {
        $('.header').removeClass("sticky");
      }
    });
  </script>

</head>

<body>
  <header class="header">
    <div class="menu-head">
      <div class="container-fluid">
        <nav class="navbar navbar-default">
          <div class="navbar-header">
            <a class="navbar-brand nav-logo" href="#"><img src="images/logo.png" alt="image"></a>
            <button type="button" class="navbar-toggle collapsed openbtn" data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false"onclick="openNav()">
              <span class="sr-only">Menu</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>

          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li><a href="index.html">Home</a></li>
              <li class="li-arrow"><a href=".html">About Us</a>
                <!-- <ul class="sub-menu">
                  <li><a href=".html">About us</a></li>
                  <li><a href=".html">Darshan Timing</a></li>
                  <li class="li-arrow"><a href=".html">Philosophy</a>
                    <ul class="sub-menu">
                      <li><a href=".html">Krishna</a></li>
                      <li><a href=".html">Chaitanya Mahaprabhu</a></li>
                      <li><a href=".html">Lectures</a></li>
                      <li><a href=".html">Bhagavad Gita</a></li>
                      <li><a href=".html">Krishna Consiousness</a></li>
                    </ul>
                  </li>
                  <li><a href=".html">How To Reach</a></li>
                  <li><a href=".html">Facilities</a></li>
                  <li><a href=".html">Bank Details</a></li>
                  <li class="li-arrow"><a href=".html">Associated Trusts</a>
                    <ul class="sub-menu">
                      <li><a href=".html">The Akshaya Patra Foundation</a></li>
                      <li><a href=".html">Basilwoods Pre-School</a></li>
                    </ul>
                  </li>

                </ul> -->

              </li>

              <li class="li-arrow"><a href="academics.html">Activities</a>
                <ul class="sub-menu">
                  <li class="li-arrow"><a href=".html">For Families</a>
                    <ul class="sub-menu">
                      <li><a href=".html">Gita Life Course</a></li>
                      <li><a href=".html">Gita Advance Course</a></li>
                      <li><a href=".html">Gita Shloka Course</a></li>
                      <li><a href=".html">Spiritual Retreat</a></li>

                    </ul>
                  </li>
                  <li><a href=".html">For Youth</a></li>
                  <li><a href=".html">Gaushala </a></li>
                  <li><a href=".html">Dham Yatra</a></li>
                  <li class="li-arrow"><a href=".html">Our Projects</a>
                    <ul class="sub-menu">
                      <li><a href=".html">Vrindavan Chandrodaya Mandir</a></li>
                      <li><a href=".html">Madhava's Eco Village</a></li>
                    </ul>
                  </li>

                </ul>
              </li>
              
              <li class="li-arrow"><a href=".html">Festivals</a></li>
              <li class="li-arrow"><a href=".html">Gallery</a>
                <!-- <ul class="sub-menu">
                  <li><a href=".html">Image Gallery</a></li>
                  <li><a href=".html">Video Gallery</a></li>
                  <li><a href=".html">Live Darshan</a></li>
                  <li class="li-arrow"><a href=".html">Downloads</a>
                    <ul class="sub-menu">
                      <li><a href=".html">Vaishnava Calendar 2023-24</a></li>
                    </ul>
                  </li>
                </ul> -->
              </li>
              <!-- <li class="li-arrow"><a href="donation.html">Donation</a>
                <ul class="sub-menu">
                  <li><a href=".html">Padmini Ekadashi</a></li>
                  <li><a href=".html">Purushottam Mass</a></li>
                  <li><a href=".html">Annadana Seva</a></li>
                  <li><a href=".html">Gau Seva</a></li>
                  <li><a href=".html">Hospital Feeding Programme</a></li>
                  <li><a href=".html">Annadana Hall Nirman Seva</a></li>
                  <li><a href=".html">Gita Daan</a></li>
                  <li><a href=".html">Show More..</a></li>

                </ul>
              </li> -->
              <li><a href="">
                  <i class="fa fa-phone" aria-hidden="true"></i>
                  <small>Get Support</small>
                  <h6>987-879-428-48</h6>
                </a></li>
              <li><a href="" class="btn eff-btn">DONATE</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </nav>
      </div>
    </div><!--/ menu-head -->
  </header>

  <section class="banner">
    <div id="bootstrap-touch-slider" class="carousel bs-slider slide  control-round indicators-line"
      data-ride="carousel" data-pause="hover" data-interval="5000">
      <!-- Indicators -->
      <ol class="carousel-indicators hidden">
        <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
        <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>

      </ol>

      <!-- Wrapper For Slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="images/banner1.jpg" alt="image" class="slide-image" />
        </div><!-- End of Slide -->

        <div class="item">
          <img src="images/banner2.jpg" alt="image" class="slide-image" />
        </div><!-- End of Slide -->

        <div class="item">
          <img src="images/banner3.jpg" alt="image" class="slide-image" />
        </div><!-- End of Slide -->


        <div class="item">
          <img src="images/banner4.jpg" alt="image" class="slide-image" />
        </div><!-- End of Slide -->


        <div class="item">
          <img src="images/banner5.jpg" alt="image" class="slide-image" />
        </div><!-- End of Slide -->


        <div class="item">
          <img src="images/banner6.jpg" alt="image" class="slide-image" />
        </div><!-- End of Slide -->

      </div><!-- End of Wrapper For Slides -->


      <!-- Left Control -->
      <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span
          class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
      <!-- Right Control -->
      <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span
          class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
    </div> <!-- End  bootstrap-touch-slider Slider -->

    <div class="banner-text hidden">

    </div><!-- banner-text -->
  </section><!--/ banner -->


  <section class="about-text">
    <div class="container">
      <div class="row">

        <div class="col-sm-6 about-left ">
          <div class="about-padd">
            <div class="img-inner">
              <img src="images/about1.jpg" alt="">
              <span></span>
              <span></span>
            </div>
              <img src="images/about2.jpg" alt="">
              <img src="images/about3.jpg" alt="">
          </div><!--/ col-sm -->
        </div><!--/ col-sm -->

        <div class="col-sm-6 about-right ">
          <div class="about-padd">

            <div class="right-text">
              <h2><span> EDUCATION FOR ALL RURAL CHILDREN</span> We are a Hindu that believe in Ram</h2>
              <div class="points">
                <ul>
                  <li>Peace of Mind</li>
                  <li>100% Satisfaction</li>
                  <li>Set For Pastor</li>
                  <li>Trusted Company</li>
                </ul>
              </div>
              <div class="para">
                <p>
                  We are a Hindu that belives in Lord Rama and Vishnu Deva the followers and We are a Hindu that belives
                  in Lord Rama and Vishnu Deva.
                  
                </p>
              </div>
              <div class="right-btn">
                <a href="" class="btn eff-btn">Learn more</a>
              </div>
            </div>

          </div><!--/ col-sm -->
        </div><!--/ col-sm -->

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

  <section class="service-sec">
    <div class="container service-con">
      <div class="row">

        <div class="col-sm-12 title">
          <h2><span> Services</span> How We Can Help</h2>
        </div>

        <div class="col-sm-4 ss-coll">
          <div class="info-box info-box-1">
            <div class="inner">
              <figure><img src="images/service-icon1.png" alt="image"></figure>
              <h4>About temple</h4>
              <p>
                A temple is a sacred place where Hindus gather to worship and connect with their deities through rituals
                and prayers.</p>
            </div>
            <p class="btn-link"><a href="#" class="btn">Learn More<i class="fa fa-arrow-right"
                  aria-hidden="true"></i></a>
            </p>
          </div>
        </div>

        <div class="col-sm-4 ss-coll">
          <div class="info-box info-box-2">
            <div class="inner">
              <figure><img src="images/service-icon2.png" alt="image"></figure>
              <h4>Our Pandit</h4>
              <p> A pandit is a learned scholar or priest who conducts religious ceremonies and imparts spiritual
                knowledge.</p>
            </div>
            <p class="btn-link"><a href="#" class="btn">Learn More<i class="fa fa-arrow-right"
                  aria-hidden="true"></i></a>
            </p>
          </div>
        </div>

        <div class="col-sm-4 ss-coll">
          <div class="info-box info-box-3">
            <div class="inner">
              <figure><img src="images/service-icon3.png" alt="image"></figure>
              <h4>Prayers</h4>
              <p>
                Prayers in Hindu religion are devotional acts of communicating with deities, often accompanied by
                offerings and rituals.</p>
            </div>
            <p class="btn-link"><a href="#" class="btn">Learn More<i class="fa fa-arrow-right"
                  aria-hidden="true"></i></a>
            </p>
          </div>
        </div>

       

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

  <section class="list-grid">
    <div class="container">
      <div class="row">


        <div class="col-sm-4 grid-left">
          <figure>
            <img src="images/list-img1.jpg" alt="">
          </figure>
        </div><!--/ col -->
        <div class="col-sm-5 grid-center">
          <div class="row">
            <div class="col-sm-6 counter">
              <div class="out-circle">
                <div class="in-circle">
                  <div id="number">
                    0%
                  </div>
                  <script>
                    let number = document.getElementById('number');
                    let counter = 0;
                    let intervalId = setInterval(() => {
                      if (counter === 65) {
                        clearInterval(intervalId);
                      } else {
                        counter += 1;
                        number.innerHTML = `${counter}%`;
                      }
                    }, 30); 
                  </script>

                </div>

              </div>
              <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="160px" height="160px">

                <defs>

                  <linearGradient id="GradientColor">

                    <stop offset="0%" stop-color="#DA22FF" />

                    <stop offset="100%" stop-color="#9733EE" />

                  </linearGradient>

                </defs>

                <circle cx="80" cy="80" r="70" stroke-linecap="round" />

              </svg>
            </div>
            <div class="col-sm-6">
              <img src="images/swasthik-icon.png" alt="">
            </div>
          </div>

          <h3>
            Donnation Success Rate
          </h3>

          <div class="para">
            <p>
              We are a Hindu that belives in Lord Rama and Vishnu Deva the followers and We are a Hindu that belives in
              Lord Rama and Vishnu Deva.
            </p>
          </div>
        </div><!--/ col -->
        <div class="col-sm-3 grid-right">
          <figure>
            <img src="images/list-img2.jpg" alt="">
          </figure>
        </div><!--/ col -->

      </div><!--/ col -->

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

  <section class="facilitie-sec">
    <div class="container">
      <div class="row">

        <div class="col-sm-12 title-tag">
          <h2><span>Services</span> Donate Us To Help</h2>
        </div>

        <div class="col-sm-4">
          <div class="grid-box">

            <figure>
              <image src="images/facilities-img1.jpg">
            </figure>
            <div class="grid-info">
              <h4>Protecting Children</h4>
              <p>
                Temple is place where hindu worship consectetur adipisicing elit, sed do
              </p>

              <div class="progress-content">
                <p>Raised: $52,384</p>
                <p class="spn-rit">Goal: $85,000</p>
              </div>

              <div class="range">
                <div class="rangee"></div>
              </div>

              <div class="right-btn">
                <a href="" class="btn eff-btn">Donate</a>
              </div>

            </div>
          </div>
        </div><!--/ col -->

        <div class="col-sm-4">
          <div class="grid-box">

            <figure>
              <image src="images/facilities-img2.jpg">
            </figure>
            <div class="grid-info">
              <h4>Donate Ngos</h4>
              <p>
                Temple is place where hindu worship consectetur adipisicing elit, sed do
              </p>

              <div class="progress-content">
                <p>Raised: $52,384</p>
                <p class="spn-rit">Goal: $85,000</p>
              </div>

              <div class="range">
                <div class="rangee"></div>
              </div>

              <div class="right-btn">
                <a href="" class="btn eff-btn">Donate</a>
              </div>

            </div>


          </div>
        </div><!--/ col -->

        <div class="col-sm-4">
          <div class="grid-box">

            <figure>
              <image src="images/facilities-img3.jpg">
            </figure>
            <div class="grid-info">
              <h4>Feed Poors</h4>
              <p>
                Temple is place where hindu worship consectetur adipisicing elit, sed do
              </p>
              <div class="progress-content">
                <p>Raised: $52,384</p>
                <p class="spn-rit">Goal: $85,000</p>
              </div>
              <div class="range">

              </div>

              <div class="right-btn">
                <a href="" class="btn eff-btn">Donate</a>
              </div>

            </div>
          </div>
        </div><!--/ col -->



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

  <section class="volunteer-sec">
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <div class="volunteer-content">
            <h2><span> VOLUNTEERS</span>Our Volunteers Achievments</h2>
            <p>
              We are a Hindu that belives in Lord Rama and Vishnu Deva the followers and We are a Hindu that belives in
              Lord Rama and Vishnu Deva.
            </p>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="volunteer-image">
            <div class="img-con">
              <figure>
                <img src="images/vol-1.jpg" alt="">
              </figure>
              <div class="img-text">
                <h3><span>TEMPLE MEMEMBER</span> Yesh Chopra</h3>
              </div>
              </div>
              
            
            <div class="img-con">
              <figure>
                <img src="images/vol-2.jpg" alt="">
              </figure>
              <div class="img-text">
                <h3><span>TEMPLE MEMEMBER</span> Mukesh Singh </h3>
              </div>
            </div>
            </div>
          </div>
        </div>
      </div>
    </div><!--/ container -->
  </section><!--/ gallery-sec -->

  <section class="portfolio-sec">
      <div class="container">
        <div class="row">
           <div class="col-sm-12">
            <h2><span> PORTFOLIO</span>Puja</h2>
           </div>
        </div>
        <div class="portfolio-menu portfolio-head">
           <ul>
              <li class="btn btn-outline-dark active" data-filter="*">All</li>
              <li class="btn btn-outline-dark" data-filter=".puja">Durga Puja</li>
              <li class="btn btn-outline-dark" data-filter=".rakhi">Raksha Bandhan</li>
              <li class="btn btn-outline-dark text" data-filter=".holi">Holi</li>
              <li class="btn btn-outline-dark text" data-filter=".diwali">Diwali</li>
           </ul>
        </div>
        <div class="portfolio-item row">
           <div class="item diwali col-lg-4 col-md-4 col-6 col-sm portfolio-content">
              <div class="box">
                <div class="img">
                  <a href="images/port-1.jpg" class="fancylight popup-btn" data-fancybox-group="light"> 
                    <img class="img-fluid" src="images/port-1.jpg" alt="">
                    </a>
                </div>
                <div class="port-text">
                  <h4>
                    Deepavali Diwali
                  </h4>
                </div>
              </div>
           </div>
           <div class="item gts col-lg-4 col-md-4 col-6 col-sm portfolio-content">
            <div class="box">
              <div class="img">
                <a href="images/port-2.jpg" class="fancylight popup-btn" data-fancybox-group="light"> 
                  <img class="img-fluid" src="images/port-2.jpg" alt="">
                  </a>
              </div>
              <div class="port-text">
                <h4>
                  Janmashtmi
                </h4>
                </div>
            </div>
           </div>
           <div class="item puja col-lg-4 col-md-4 col-6 col-sm portfolio-content">
              <div class="box">
                <div class="img">
                  <a href="images/port-3.jpg" class="fancylight popup-btn" data-fancybox-group="light">
                    <img class="img-fluid" src="images/port-3.jpg" alt="">
                    </a>
                </div>
                <div class="port-text">
                  <h4>
                    Navarathri Celebrations
                  </h4>
                </div>
              </div>
           </div>
           <div class="item rakhi col-lg-4 col-md-4 col-6 col-sm portfolio-content">
              <div class="box">
                <div class="img">
                  <a href="images/port-4.jpg" class="fancylight popup-btn" data-fancybox-group="light">
                    <img class="img-fluid" src="images/port-4.jpg" alt="">
                    </a>
                </div>
                <div class="port-text">
                  <h4>
                    Vinayaka Chathurthy
                  </h4>
                </div>
              </div>
           </div>
           <div class="item puja col-lg-4 col-md-4 col-6 col-sm portfolio-content" >
              <div class="box">
                <div class="img">
                  <a href="images/port-5.jpg" class="fancylight popup-btn" data-fancybox-group="light">
                    <img class="img-fluid" src="images/port-5.jpg" alt="">
                    </a>
                </div>
                <div class="port-text">
                  <h4>
                    Durga Mahastami
                  </h4>
                </div>
              </div>
           </div>
           <div class="item holi col-lg-4 col-md-4 col-6 col-sm portfolio-content">
              <div class="box">
                <div class="img">
                  <a href="images/port-6.jpg" class="fancylight popup-btn" data-fancybox-group="light">
                    <img class="img-fluid" src="images/port-6.jpg" alt="">
                    </a>
                </div>
                <div class="port-text">
                  <h4>
                    Holi-Colour Festival
                  </h4>
                </div>
              </div>
           </div>
           
        </div>
     </div>
  </section><!--/ gallery-sec -->

  <section class="testimonial">
    <div class="container">
      <div class="row">

        <div class="col-sm-12">
          <h2><span> TESTIMONIALS </span>What Our Congregation Say</h2>
        </div>

        <div class="col-sm-12 pad-0">
          <div id="owl-demo-2">

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class=" service-author">
                  <figure><img src="images/vol-1.jpg" alt=""></figure>

                </div>
                <div class="item-bg">
                  <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" aria-hidden="true"></i>
                  </div>
                  <p>If money help a man to do well to others, it is of some value; but if not, it is simply a mass of
                    evil, and the sooner it is got rid of, the better.</p>
                  <h4>Mukesh Singh <span> Pandit</span></h4>
                </div>

              </div>
            </div><!--/ item -->

          </div><!--/ owl-demo -->
        </div>
      </div><!-- row-->
    </div><!-- .container end -->
  </section><!--/  student-feedback  -->

  <section class="newsletter">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 ">
          <h2><span> WAYS WE CAN HELP </span> Angels Ready To Help</h2>
        </div>
        <div class="col-sm-6 left">
          <figure>
            <img src="images/newsletter1.png" alt="">
          </figure>
          <div class="box">
            <h3><span>Need Help, Call Our HOTLINE!</span> +1 212-683-9756</h3>
            <div class="small-box">
              or
            </div>
          </div>
        </div>

        <div class="col-sm-6 right">
          <figure>
            <img src="images/newsletter2.png" alt="">
          </figure>
          <div class="box">
            <span>Temple Newsletter</span>
            <input type="text" placeholder="Enter Email Address"><button class="btn"><i class="fa fa-search"
                aria-hidden="true"></i></button>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="quote">
    <div class="container">
      <div class="row">

        <div class="col-sm-6 left">
          <form class="form">
            <input type="text" placeholder="First Name">
            <input type="text" placeholder="Last Name">
            <input type="text" placeholder="Subject">
            <input type="text" placeholder="Email Adress">
            <textarea name="" id="" cols="30" rows="6" placeholder="Enter Message"></textarea>
            <button class="btn eff-btn">Get A Quote <i class="fa fa-arrow-right" aria-hidden="true"></i></button>
          </form>
        </div>
        
      </div>
    </div>
  </section>

  <section class="blog">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h2><span> Blog </span> News Feed</h2>
        </div>
        <div class="col-sm-4 ">
          <div class="box">
            <figure>
              <a href=""><img src="images/feed-fig.jpg" alt=""></a>
            </figure>
            <div class="port-text">
              <p>ॐ <a href="">Temple</a>,<a href="">Love</a> <i class="fa fa-calendar-o" aria-hidden="true"></i><a
                  href="">May 20,2023</a></p>
              <h4>
                <a href=""> Temple companies are being so transparent with their work</a>
              </h4>
              <div class="feed">
                <figure><img src="images/feed-img.jpg" alt=""></figure>
                <p>By <span>Miha Boukor</span></p>
              </div>
            </div>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="box">
            <figure>
              <a href=""><img src="images/feed-fig1.jpg" alt=""></a>
            </figure>
            <div class="port-text">
              <p>ॐ <a href="">Temple</a>,<a href="">Love</a> <i class="fa fa-calendar-o" aria-hidden="true"></i><a
                  href="">May 20,2023</a></p>
              <h4>
                <a href="">How to abide by Puja rules without any risks</a>
              </h4>
              <div class="feed">
                <figure><img src="images/feed-img.jpg" alt=""></figure>
                <p>By <span>Aime Bill</span></p>
              </div>
            </div>
          </div>
        </div>

        <div class="col-sm-4 ">
          <div class="box">
            <figure>
              <a href=""><img src="images/feed-fig2.jpg" alt=""></a>
            </figure>
            <div class="port-text">
              <p>ॐ <a href="">Temple</a>,<a href="">Love</a> <i class="fa fa-calendar-o" aria-hidden="true"></i><a
                  href="">May 20,2023</a></p>
              <h4>
                <a href=""> Education for all rural children are necessary.</a>
              </h4>
              <div class="feed">
                <figure><img src="images/feed-img.jpg" alt=""></figure>
                <p>By <span>Yesh Chopra</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <footer class="footer">
    <div class="container">
      <div class="row">

        <div class="col-sm-4 col-lg-4">
          <div class="wg-1">
            <h4>About us</h4>
            <address>
              <div>
                <p>A temple is a place of religious worship and spiritual significance, found in various cultures
                  worldwide. These structures,and ceremonies that connect them to their faith. </p>
              </div>
            </address>
            <address>
              <i class="fa fa-phone" aria-hidden="true"></i>
              <div>
                <p><a href="tel:+987-987-930-302">+91 987-987-930-302
                  </a></p>
              </div>
            </address>
            <address>
              <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
              <div>
                <p> <a href="mailto: info@example.com">info@example.com</a>
              </div>
            </address>
            <address>
              <i class="fa fa-map-marker" aria-hidden="true"></i>
              <div>
                <p><a href="mailto: info@example.com">14/A, Poor Street City Tower, New York USA</a>
              </div>
            </address>
          </div>
        </div>

        <div class="col-sm-2 col-lg-2">
          <div class="wg-1">
            <h4>information</h4>
            <ul>
              <li><a href="index.html">Puja</a></li>
              <li><a href="about-us.html">Services</a></li>
              <li><a href="faculty.html">Temple</a></li>
              <li><a href="admission.html">Holis</a></li>
              <li><a href="activities.html">Volunteers</a></li>
              <li><a href="gallery.html">Donation</a></li>

            </ul>
          </div>
        </div>

        <div class="col-sm-2 col-lg-2">
          <div class="wg-1">
            <h4>Others</h4>
            <ul>
              <li><a href="index.html">Shop</a></li>
              <li><a href="about-us.html">Checkout</a></li>
              <li><a href="admission.html">Contact Us</a></li>
              <li><a href="gallery.html">Blog</a></li>
            </ul>
          </div>
        </div>

        <div class="col-sm-4 col-lg-4">
          <div class="wg-1 wg">
            <h4>Recent Post</h4>
            <div class="post">
              <figure class="col-sm-3">
                <img src="images/ft-img1.jpg" alt="">
              </figure>
              <div class="post-text col-sm-9">
                <p><a href=""> <i class="fa fa-calendar-o" aria-hidden="true"></i> &nbsp; May 20,2023</a></p>
                <h5><a href=""> Temple companies are being so transparent with their work</a></h5>
              </div>
            </div>

            <div class="post ">
              <figure class="col-sm-3">
                <img src="images/ft-img2.jpg" alt="">
              </figure>
              <div class="post-text col-sm-9">
                <p><a href=""> <i class="fa fa-calendar-o" aria-hidden="true"></i> &nbsp; May 20,2023</a></p>
                <h5><a href=""> As we've all discovered by now, the world can change</a></h5>
              </div>
            </div>

            <div class="post">
              <figure class="col-sm-3">
                <img src="images/ft-img3.jpg" alt="">
              </figure>
              <div class="post-text col-sm-9">
                <p><a href=""> <i class="fa fa-calendar-o" aria-hidden="true"></i> &nbsp; May 20,2023</a></p>
                <h5><a href=""> Testimony love offering so blessed</a></h5>
              </div>
            </div>
          </div>
        </div>

      </div><!--/ row -->
    </div><!--/ container -->

    <div class="ft-bottom">
      <div class="container">
        <div class="row">
          <div class="col-sm-2">
            <img src="images/logo.png" alt="">
          </div>
          <div class="col-sm-3">
            <p>Copy © 2022 All Rights reserved by TEMPLE</p>
          </div>

          <div class="col-sm-4 ">
            <p class="text-right">Website Designed by <a target="_blank" href="https://htlogics.com/">H T Logics Private
                Limited</a></p>
          </div>
          <div class="col-sm-3 social">

            <a href=""><i class="fa fa-facebook" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-linkedin" aria-hidden="true"></i></a>
            <a href=""><i class="fa fa-youtube-play" aria-hidden="true"></i></a>

          </div>

        </div><!--/ row -->
      </div>
    </div><!--/ ft-bottom -->
  </footer>


  <!-- Bootstrap Core JavaScript -->
  <script src="js/bootstrap.min.js"></script>
  <script src="js/script.js"></script>
  <script src="js/owl.carousel.js"></script>
  <script>
    $('.counter-count').each(function () {
      $(this).prop('Counter', 0).animate({
        Counter: $(this).text()
      }, {
        duration: 5000,
        easing: 'swing',
        step: function (now) {
          $(this).text(Math.ceil(now));
        }
      });
    });
  </script>

  <script>
    $(document).ready(function () {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items: 4,
        itemsDesktop: [1199, 3],
        navigation: true,
        itemsDesktopSmall: [979, 3]
      });

    });

    $(document).ready(function () {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items: 3,
        itemsDesktop: [1199, 3],
        navigation: true,
        itemsDesktopSmall: [979, 3]
      });

    });

    // When the DOM is ready, run this function
    $(document).ready(function () {
      //Set the carousel options
      $('#quote-carousel').carousel({
        pause: true,
        interval: 4000,
      });
    });
  </script>

  <script>
    $('.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>



</body>

</html>