<!-- FOOTER -->
<footer class="footer bg-dark text-light pt-5">
  <div class="container">
    <div class="row gy-4">

      <!-- LOGO -->
      <div class="col-md-2 d-none d-md-block">
        <img src="assets/images/footer-logo.png"
             alt="Wipe Tears Africa"
             class="img-fluid mb-3">
      </div>

      <!-- CONTENT -->
      <div class="col-md-10">
        <div class="row gy-4">

          <!-- CONTACTS -->
          <div class="col-md-4 footer-contacts">
            <h4 class="mb-3">Quick Contacts</h4>
            <ul class="list-unstyled">
              <li><i class="bi bi-house-door me-2"></i> Manyangwa – Gayaza, Wakiso</li>
              <li><i class="bi bi-phone me-2"></i> +256 776 263 583 / +256 704 263 583</li>
              <li>
                <i class="bi bi-envelope me-2"></i>
                <a href="mailto:info@wipetearsafrica.org" class="text-light">
                  info@wipetearsafrica.org
                </a>
              </li>
              <li>
                <i class="bi bi-globe-europe-africa me-2"></i>
                <a href="https://www.wipetearsafrica.org" class="text-light">
                  www.wipetearsafrica.org
                </a>
              </li>
            </ul>
          </div>

          <!-- WHAT WE DO -->
          <div class="col-md-4 footer-links">
            <h4 class="mb-3">What We Do</h4>
            <ul class="list-unstyled">
              <li><a href="/education" class="text-light">Education</a></li>
              <li><a href="/health" class="text-light">Health</a></li>
              <li><a href="/girl-child-empowerment" class="text-light">Girl Child Empowerment</a></li>
              <li><a href="/skills-development" class="text-light">Skills Development</a></li>
              <li><a href="/counselling-guidance" class="text-light">Counselling & Guidance</a></li>
            </ul>
          </div>

          <!-- GET INVOLVED -->
          <div class="col-md-4 footer-links">
            <h4 class="mb-3">Get Involved</h4>
            <ul class="list-unstyled">
              <li><a href="/donate" class="text-light">Donate</a></li>
              <li><a href="/volunteer" class="text-light">Volunteer with Us</a></li>
              <li><a href="/conflict-resolution" class="text-light">Conflict Resolution</a></li>
              <li><a href="/sponsor-a-child" class="text-light">Sponsor a Child</a></li>
              <li><a href="/partner-with-us" class="text-light">Partner with Us</a></li>
            </ul>
          </div>

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

    <!-- LEGAL -->
    <div class="row mt-4">
      <div class="col text-center small">
        <p class="mb-1">
          &copy; <?= date('Y'); ?> Wipe Tears Africa. All Rights Reserved.
        </p>
        <p class="mb-1">
          <a href="/privacy-policy.php" class="text-light me-3">Privacy Policy</a>
          <a href="/terms-of-service.php" class="text-light">Terms of Service</a>
        </p>
        <p class="mb-0">
          Designed by
          <a href="https://www.lwegatech.com" target="_blank" rel="noopener" class="text-light">
            Lwegatech
          </a>
        </p>
      </div>
    </div>
  </div>
</footer>

<!-- BACK TO TOP -->
<a href="#"
   class="back-to-top d-flex align-items-center justify-content-center">
  <i class="bi bi-chevron-up"></i>
</a>

<!-- JS FILES -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/swiper/swiper.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/slides.js"></script>

<!-- AOS INIT (ONLY ONCE) -->
<script>
  AOS.init({
    duration: 1000,
    easing: "ease-in-out",
    once: true,
    mirror: false
  });
</script>

<script>end_load()</script>
</body>
</html>
