<section class="w3l-footer-29-main">
  <div class="footer-29 py-5">
    <div class="container py-lg-4">
      <div class="row footer-top-29">
        <div class="col-lg-2 col-md-6 col-sm-7 col-7 footer-list-29 footer-3 mt-md-0 mt-5">
          <ul>
            <h6 class="footer-title-29">Quick Links</h6>
            <li><a href="about">About Us</a></li>
            <li><a href="contact">Contact Us</a></li>
            <li><a href="faqs">FAQs</a></li>
            <li><a href="career">Career</a></li>
            <li><a href="/account">Online Banking</a></li>
          </ul>
        </div>
        <div class="col-lg-3 col-md-6 col-sm-7 col-7 footer-list-29 footer-3 mt-md-0 mt-5">
          <ul>
            <h6 class="footer-title-29">&nbsp;</h6>
            <li><a href="current-accounts">Current Accounts</a></li>
            <li><a href="savings-accounts">Savings Accounts</a></li>
            <li><a href="personal-loans">Personal Loans</a></li>
            <li><a href="small-business">Small Business</a></li>
            <li><a href="personal-insurance">Personal Insurance</a></li>
          </ul>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-7 col-7 footer-list-29 footer-3 mt-lg-0 mt-5">
          <h6 class="footer-title-29">Head Office</h6>
          <p class="mb-3"> <?= $main_address; ?></p>
          <p class="mb-2"> <span class="fa fa-phone"></span> <a href="tel:<?= $main_phone; ?>"><?= $main_phone; ?></a></p>
          <p class="mb-2"><span class="fa fa-envelope-o"></span> <a href="mailto:<?= $main_email_info; ?>"><?= $main_email_info; ?></a></p>
          <p><span class="fa fa-support"></span> <a href="mailto:<?= $main_email_support; ?>"><?= $main_email_support; ?></a></p>
        </div>
        <div class="col-lg-3 col-md-6 footer-list-29 footer-4 mt-lg-0 mt-5">
          <h6 class="footer-title-29">&nbsp;</h6>
          <div class="post1">
            <a href="#!" class="post-title" style="font-size: 50px;"><i class="fa fa-cc"></i>&nbsp;&nbsp;&nbsp;<i class="fa fa-cc-mastercard"></i>&nbsp;&nbsp;&nbsp;<i class="fa fa-paypal"></i><br><br><i class="fa fa-cc-visa"></i>&nbsp;&nbsp;<i class="fa fa-cc-stripe"></i>&nbsp;&nbsp;<i class="fa fa-cc-amex"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- copyright -->
  <section class="w3l-copyright text-center">
    <div class="container">
      <p class="copy-footer-29">© <?= date('Y') .' <a href="/">'. $main_name. '</a>'; ?>. All rights reserved.</p>
    </div>

    <!-- move top -->
    <button onclick="topFunction()" id="movetop" title="Go to top">
      &#10548;
    </button>
    <script>
      // When the user scrolls down 20px from the top of the document, show the button
      window.onscroll = function() {
        scrollFunction()
      };

      function scrollFunction() {
        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
          document.getElementById("movetop").style.display = "block";
        } else {
          document.getElementById("movetop").style.display = "none";
        }
      }

      // When the user clicks on the button, scroll to the top of the document
      function topFunction() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
      }
    </script>
    <!-- /move top -->
  </section>
  <!-- //copyright -->
</section>
