Sindbad~EG File Manager

<!-- Footer -->
<footer class="bg-dark text-white pt-5 pb-4">
  <div class="container">
    <div class="row gy-4">
      <!-- Company Info -->
      <div class="col-md-4" data-aos="fade-up">
        <h5 class="fw-bold text-primary">Maanvi Info Solutions</h5>
        <p class="small">We provide comprehensive HR solutions across hiring, staffing, outsourcing, and talent acquisition to global enterprises.</p>
        <p class="small mb-1"><i class="fas fa-envelope me-2"></i>info@maanviinfo.com</p>
        <!--p class="small"><i class="fas fa-phone me-2"></i>+91 7358569966</p-->
      </div>

      <!-- Quick Links -->
      <div class="col-md-2" data-aos="fade-up" data-aos-delay="100">
        <h6 class="text-uppercase fw-bold small text-primary">Quick Links</h6>
        <ul class="list-unstyled small">
          <li><a href="#" class="text-white text-decoration-none">Home</a></li>
          <li><a href="#about" class="text-white text-decoration-none">About Us</a></li>
          <li><a href="#careers" class="text-white text-decoration-none">Careers</a></li>
          <li><a href="#contact" class="text-white text-decoration-none">Contact</a></li>
        </ul>
      </div>

      <!-- Services -->
      <div class="col-md-3" data-aos="fade-up" data-aos-delay="200">
        <h6 class="text-uppercase fw-bold small text-primary">Our Services</h6>
        <ul class="list-unstyled small">
          <li>Permanent Staffing</li>
          <li>Contract Hiring</li>
          <li>Payroll Outsourcing</li>
          <li>Executive Search</li>
        </ul>
      </div>

      <!-- Countries Served -->
      <div class="col-md-3" data-aos="fade-up" data-aos-delay="300">
        <h6 class="text-uppercase fw-bold small text-primary">Countries We Serve</h6>
        <p class="small mb-0">Germany, UAE, USA, France, Singapore</p>
        <p class="small">Malaysia, Thailand, Belgium, Sweden</p>
      </div>
    </div>

    <hr class="border-light my-4">

    <!-- Bottom Row -->
    <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
      <p class="mb-0 small">&copy; 2025 Maanvi Info Solutions. All rights reserved.</p>
      <div class="mt-3 mt-md-0">
        <a href="#" class="text-white me-3"><i class="fab fa-linkedin"></i></a>
        <a href="#" class="text-white me-3"><i class="fab fa-facebook-f"></i></a>
        <a href="#" class="text-white"><i class="fab fa-twitter"></i></a>
      </div>
    </div>
  </div>
</footer>


<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
  AOS.init();
  function toggleTheme() {
    const html = document.documentElement;
    const currentTheme = html.getAttribute("data-bs-theme");
    html.setAttribute("data-bs-theme", currentTheme === "light" ? "dark" : "light");
  }
</script>

<script>
  $(document).ready(function(){
    $(".owl-carousel").owlCarousel({
      loop: true,
      margin: 30,
      autoplay: true,
      autoplayTimeout: 2500,
      responsive: {
        0: { items: 2 },
        576: { items: 3 },
        768: { items: 4 },
        992: { items: 5 }
      }
    });
  });
</script>