Sindbad~EG File Manager

<!-- Footer Section -->
<footer class="bg-dark text-white pt-5">
  <div class="container">
    <div class="row g-4">

      <!-- Left: Logo & Description -->
      <div class="col-md-6">
        <div class="mb-3">
          <img src="img/logo.png" alt="Silicon Valley Business Solutions" class="img-fluid w-50 mb-2">
        </div> 
        <p class="text-white small">
          Your Trusted Partner in Business Support Services
        </p>
      </div>

      <!-- Right: Contact Info & Social -->
      <div class="col-md-6 text-md-end">
        <p class="text-white small mb-2">
          <i class="fas fa-map-marker-alt me-2"></i>
          Bangalore, India
        </p>
        <p class="text-white small mb-2">
          <i class="fas fa-envelope me-2"></i>
          ithelpdesk@siliconvalleybizsol.com
        </p>
        <p class="text-white small mb-2">
          <i class="fas fa-globe me-2"></i>
          www.siliconvalleybizsol.com
        </p>
        <p class="text-white small mb-3 d-none">
          <i class="fas fa-phone me-2"></i>
          +91 98765 43210
        </p>

        <!-- Social Links -->
        <div class="d-flex justify-content-md-end gap-2">
          <a href="#" class="btn btn-outline-light rounded-circle p-2">
            <i class="fab fa-facebook-f"></i>
          </a>
          <a href="#" class="btn btn-outline-light rounded-circle p-2">
            <i class="fab fa-twitter"></i>
          </a>
          <a href="#" class="btn btn-outline-light rounded-circle p-2">
            <i class="fab fa-linkedin-in"></i>
          </a>
          <a href="#" class="btn btn-outline-light rounded-circle p-2">
            <i class="fab fa-instagram"></i>
          </a>
        </div>
      </div>

    </div>

    <!-- Bottom Credits -->
    <div class="row mt-4 pt-4 border-top border-secondary">
      <div class="col text-center">
        <p class="small text-white-50 mb-0">
          © 2025 Silicon Valley Business Solutions. All rights reserved. Developed by 
          <a href="https://maanviinfo.com/" target="_blank" class="text-white text-decoration-underline">maanviinfo.com</a>
        </p>
      </div>
    </div>
  </div>
</footer>


<style>
  .testimonial-box {
    background: linear-gradient(160deg, #d4ffbc, #ccf2a4);
    transition: background 0.3s ease-in-out, color 0.3s;
  }
  .testimonial-box.active-testimonial {
    background: #111;
    color: #fff;
  }
</style>

<!-- Scripts -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script>
  $(document).ready(function () {
    $('.owl-carousel').owlCarousel({
      loop: true,
      margin: 30,
      nav: false,
      dots: true,
      responsive: {
        0: { items: 1 },
        768: { items: 2 },
        992: { items: 3 }
      }
    });
  });
</script>
<script>
  AOS.init();
  $(document).ready(function(){
    $('.owl-carousel').owlCarousel({
      loop:true,
      margin:20,
      center:true,
      nav:false,
      dots:true,
      responsive:{
        0:{ items:1 },
        768:{ items:2 },
        992:{ items:3 }
      },
      onTranslated: updateTestimonialStyles
    });

    function updateTestimonialStyles() {
      $('.testimonial-box').removeClass('active-testimonial');
      $('.owl-item.center .testimonial-box').addClass('active-testimonial');
    }
  });
</script>
<!-- AOS JS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
  AOS.init({
    once: true,
    duration: 800,
    offset: 120
  });
</script>
<script>
  window.addEventListener('scroll', function () {
    const navbar = document.getElementById('mainNavbar');
    if (window.scrollY > 50) {
      navbar.classList.add('scrolled' );
    } else {
      navbar.classList.remove('scrolled' );
    }
  });
</script>