HTML o o
JavaScript // Footer Box Content in WPCode // Mobile menu toggle const mobileMenuButton = document.getElementById('mobile-menu-button'); const mobileMenu = document.getElementById('mobile-menu'); mobileMenuButton.addEventListener('click', () => { mobileMenu.classList.toggle('hidden'); }); // ... (the rest of your JavaScript code) ... contactForm.addEventListener('submit', function(e) { e.preventDefault(); formMessage.textContent = 'Thank you! Your request has been sent successfully.'; contactForm.reset(); setTimeout(() => { formMessage.textContent = ''; }, 5000); }); // Mobile menu toggle const mobileMenuButton = document.getElementById('mobile-menu-button'); const mobileMenu = document.getElementById('mobile-menu'); mobileMenuButton.addEventListener('click', () => { mobileMenu.classList.toggle('hidden'); }); // Interactive solution tabs const tabs = document.querySelectorAll('.solution-tab'); const contents = document.querySelectorAll('.solution-content'); tabs.forEach(tab => { tab.addEventListener('click', () => { const target = tab.dataset.target; tabs.forEach(t => t.classList.remove('active')); tab.classList.add('active'); contents.forEach(content => { if (content.id === target) { content.classList.add('active'); } else { content.classList.remove('active'); } }); }); // Add custom styles for the tabs tab.classList.add('px-4', 'py-2', 'md:px-6', 'md:py-3', 'font-semibold', 'border-2', 'border-gray-300', 'rounded-full', 'cursor-pointer', 'transition', 'duration-300', 'ease-in-out', 'hover:bg-blue-500', 'hover:text-white', 'hover:border-blue-500'); }); // Contact Form Submission const contactForm = document.getElementById('contactForm'); const formMessage = document.getElementById('form-message'); contactForm.addEventListener('submit', function(e) { e.preventDefault(); formMessage.textContent = 'Thank you! Your request has been sent successfully.'; contactForm.reset(); setTimeout(() => { formMessage.textContent = ''; }, 5000); });