1#@!#!123s

��JFIF�� 1#@!#!123s
: / home / ststephensauh / www / views / layout /
Filename : footer.php
back
<footer class="footer">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-lg-4 mb-4 mb-md-0 footer-1">

          <p>“Behold, from henceforth all generations shall call me blessed!” <br>
            (Luke 1:48)</p>
         <!-- <h3>BECOME VOLUNTEER</h3>
          <div class="description-footer">
            <h4> <a href="#"> sssocauh@gmail.com </a> </h4>
          </div> -->
        </div>
       <!-- <div class="col-md-6 col-lg-3 mb-4 mb-md-0">
          <!-- <h2 class="footer-heading">Latest News</h2>
          <div class="block-21 mb-4 d-flex">
            <div class="img-ftr"><img src="<?php echo $base_url ?>assets/img/news-1.jpg" class="img-fluid"></div>
            <div class="text">
              <h3 class="heading"><a href="#">MOR GEEVARUGHESE SAHADAUDE ORMA PERUNNAL</a></h3>
              <div class="meta">
                <div><a href="#">May 7, 2023</a></div>

              </div>
            </div>
          </div> -->
         <!-- <div class="block-21 mb-4 d-flex">
            <div class="img-ftr"><img src="<?php echo $base_url ?>assets/img/news-2.jpg" class="img-fluid"></div>
            <div class="text">
              <h3 class="heading"><a href="#">Easter Service</a></h3>
              <div class="meta">
                <div><a href="#">April 10, 2023</a></div>

              </div>
            </div>
          </div> 
        </div>-->
        <div class="col-md-6 col-lg-4 pl-lg-5 mb-4 mb-md-0">
          <h2 class="footer-heading">Quick Links</h2>
          <ul class="list-unstyled">
             <li><a href="<?php echo $base_url ?>" class="py-2 d-block">Home</a></li>
            <li><a href="<?php echo $base_url ?>about" class="py-2 d-block">About Us</a></li>
            <li><a href="<?php echo $base_url ?>administration" class="py-2 d-block">Administration</a></li>
            <li><a href="<?php echo $base_url ?>news-event" class="py-2 d-block">News</a></li>
            <li><a href="<?php echo $base_url ?>contact" class="py-2 d-block">Contact Us</a></li>
          </ul>
        </div>
        <div class="col-md-6 col-lg-4 mb-4 mb-md-0">
          <h2 class="footer-heading">Contact Info</h2>
          <div class="block-23 mb-3">
            <ul>
              <li>
                <i class="bi bi-geo-alt-fill"></i>
                <span class="text">
                  St. Stephen's Syrian Orthodox Church. PO Box 25709,<br> Abu Dhabi - U.A.E.</span>
              </li>
              <li>
                <a href="#">
                  <i class="bi bi-telephone"></i>
                  <span class="text">+971 2-4460711</span>
                </a>
              </li>
              <li>
                <a href="mailto:sssocauh@gmail.com">
                  <i class="bi bi-envelope"></i>
                  <span class="text">sssocauh@gmail.com</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>

    </div>
  </footer>

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

        <div class="col-md-12 text-center">
          <p class="copyright">
            Copyright 2023 @all right reserved
          </p>
        </div>
      </div>
    </div>
  </div>


  <div id="preloader"></div>

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
      class="bi bi-arrow-up-short"></i></a>
      <script src="https://kit.fontawesome.com/4b28861238.js" crossorigin="anonymous"></script>

  <!-- Vendor JS Files -->
  <script src="<?php echo $base_url ?>assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="<?php echo $base_url ?>assets/vendor/aos/aos.js"></script>
  <script src="<?php echo $base_url ?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="<?php echo $base_url ?>assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="<?php echo $base_url ?>assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="<?php echo $base_url ?>assets/vendor/swiper/swiper-bundle.min.js"></script>
  <!-- <script src="<?php echo $base_url ?>assets/vendor/php-email-form/validate.js"></script> -->
  <script type="text/javascript" src="<?php echo $base_url ?>assets/js/jquery.min.js"></script>
  <!-- Template Main JS File -->
  <script src="<?php echo $base_url ?>assets/js/main.js"></script>
  <script src="<?php echo $base_url ?>assets/js/drpdwn.js"></script>
</body>

</html>
<script>
  $('.btnsearch').click(function(){
    var prayer = $('#family_units').val();
    var location = $('#house_name').val();
    var family = $('#search_name').val();
    var href='<?php echo $base_url ?>search/'+prayer+'/'+location+'/'+family+'';
    window.location.replace(href);

  });
</script>



<script>
      // search-box open close js code
let navbar = document.querySelector(".navbar");
let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

searchBox.addEventListener("click", ()=>{
  navbar.classList.toggle("showInput");
  if(navbar.classList.contains("showInput")){
    searchBox.classList.replace("bx-search" ,"bx-x");
  }else {
    searchBox.classList.replace("bx-x" ,"bx-search");
  }
});

// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}


// sidebar submenu open close js code
let htmlcssArrow = document.querySelector(".htmlcss-arrow");
htmlcssArrow.onclick = function() {
 navLinks.classList.toggle("show1");
}
let moreArrow = document.querySelector(".more-arrow");
moreArrow.onclick = function() {
 navLinks.classList.toggle("show2");
}
let jsArrow = document.querySelector(".js-arrow");
jsArrow.onclick = function() {
 navLinks.classList.toggle("show3");
}

  </script>
<script>
  AOS.init({
  disable: function() {
    var maxWidth = 800;
    return window.innerWidth < maxWidth;
  }
});
</script>

  <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>

  <script src="assets/js/slick.js"></script>

  <script type="text/javascript">
    $(document).on('ready', function () {

      $(".variable").slick({
        dots:false,
        infinite: true,
        arrows: true,
        slidesToShow: 4,
        slidesToScroll: 1,
        responsive: [

          {
            breakpoint: 991,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 2
            }
          },
          {
            breakpoint: 480,
            settings: {
              slidesToShow: 1,
              centerPadding: '0px',
              slidesToScroll: 1
            }
          }

        ]
      });

    });
  </script>