HTML o o

Articles

Request more information

 If you would like more information or are interested in learning more about Vape Defense, please fill in the form below and we will be in touch with you soon.

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); });