const navHomeBtn = document.querySelector("#nav-home"); const navTranslteBtn = document.querySelector("#nav-translate"); const navSettingsBtn = document.querySelector("#nav-settings"); const translateCard = document.querySelector("#translate-card"); const learnCard = document.querySelector("#learn-card"); const contributeCard = document.querySelector("#contribute-card"); const contactUsCard = document.querySelector("#contact-us-card"); //card nav translateCard.addEventListener("click", function() { window.location = './translate'; }) learnCard.addEventListener("click", function() { window.location = './learn'; }) contributeCard.addEventListener("click", function() { window.location = 'https://github.com/key2innovation'; }) contactUsCard.addEventListener("click", function() { window.location = './contact-us'; }) //bottom nav navTranslteBtn.addEventListener("click", function() { window.location = './translate' }) navSettingsBtn.addEventListener("click", function() { navHomeBtn.classList.remove("active-nav-btn"); navSettingsBtn.classList.add("active-nav-btn") window.location = './settings' })