UDHAM SINGH NAGAR

let linkCounter = 0; function toggleLinks() { var uccLink = document.getElementById("ucc-link"); var bhulekhLink = document.getElementById("bhulekh-link"); var thirdLink = document.getElementById("third-link"); if (linkCounter === 0) { uccLink.style.display = "block"; uccLink.style.animationPlayState = "running"; bhulekhLink.style.display = "none"; bhulekhLink.style.animationPlayState = "paused"; thirdLink.style.display = "none"; thirdLink.style.animationPlayState = "paused"; linkCounter = 1; } else if (linkCounter === 1) { uccLink.style.display = "none"; uccLink.style.animationPlayState = "paused"; bhulekhLink.style.display = "block"; bhulekhLink.style.animationPlayState = "running"; thirdLink.style.display = "none"; thirdLink.style.animationPlayState = "paused"; linkCounter = 2; } else { uccLink.style.display = "none"; uccLink.style.animationPlayState = "paused"; bhulekhLink.style.display = "none"; bhulekhLink.style.animationPlayState = "paused"; thirdLink.style.display = "block"; thirdLink.style.animationPlayState = "running"; linkCounter = 0; } // Delay the next toggle by 3000ms (3 seconds) setTimeout(function() { // No action here, the next toggle will be called by setInterval }, 3000); } setTimeout(function () { setInterval(toggleLinks, 3000); }, 0); @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideIn { from { transform: translateX(-50%) translateY(-10px); } to { transform: translateX(-50%) translateY(0); } } @keyframes tilt3d { from { transform: translateX(-50%) rotateY(-15deg); } to { transform: translateX(-50%) rotateY(15deg); } } /* Media query for mobile devices */ @media screen and (max-width: 768px) { #link-container a { width: 95%; max-width: 100%; margin-left: auto; margin-right: auto; } }