.social_icon { fill:#09819c } .social-link:hover .social_icon { fill:#0a738b } (function(){ const menuItems = document.querySelectorAll('.menu-item') || [] const changeTab = (tab) => { const tabContent = document.querySelectorAll('.tab-container') || []; const targetTab = document.querySelectorAll(`.tab-${tab}`); tabContent.forEach((item) => { item.classList.add('hidden') }); targetTab.forEach((item) => { console.log(item); item.classList.remove('hidden') }); window.scrollTo({ top: 0, behavior: 'smooth' }); } menuItems.forEach((item) => { const {target} = item.dataset; item.addEventListener('click', () => { menuItems.forEach((menuItem) => { menuItem.classList.remove('text-orange-700'); }) item.classList.add('text-orange-700') console.log(target) changeTab(target); }) }); if (menuItems[0]) { menuItems[0].click(); changeTab('about') } })();

Do not sell my data