                   <a href="#" class="text-gray-400 hover:text-white"><i class="bi bi-linkedin"></i></a>
                </div>
            </div>
        </div>
        <div class="text-center text-gray-400 mt-8">
            &copy; 2025 SchoolSync. All rights reserved.
        </div>
    </footer>

    <script>
        function toggleMenu() {
            const menu = document.getElementById('mobile-menu');
            menu.classList.toggle('hidden');
        }

        // Fade-in animation on scroll
     