// JavaScript for Interactive Elements document.addEventListener('DOMContentLoaded', function() { // Mobile Menu Toggle const mobileToggle = document.querySelector('.mobile-menu-toggle'); const mainNav = document.querySelector('.main-nav'); mobileToggle.addEventListener('click', () => { mainNav.classList.toggle('active'); }); // Search Toggle const searchIcon = document.querySelector('.search-icon'); const searchBar = document.querySelector('.search-bar'); searchIcon.addEventListener('click', () => { searchBar.style.display = searchBar.style.display === 'block' ? 'none' : 'block'; }); // Close mobile menu when clicking outside document.addEventListener('click', (e) => { if (!mainNav.contains(e.target) && !mobileToggle.contains(e.target)) { mainNav.classList.remove('active'); } }); });

Amet, tellus lacinia aliquam ut semper morbi imperdiet vitae. Sed leo arcu, malesuada ut maecenas interdum. Nisl vitae leo amet nec, porttitor vitae odio tortor. A pellentesque sodales urna, enim eros risus. Cras massa et odio donec faucibus in. Vitae pretium massa dolor ullamcorper lectus elit quam. Nec eu pellentesque blandit urna. A lacus sagittis nec fermentum id sed in. Lacus feugiat eget nulla phasellus commodo, ac felis. Vulputate eleifend ultricies egestas amet.

JOIN THE NEWSLETTER