index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
        <nav class="navbar">
           <ul>
                 <li><a href="/">Home</a></li>
                 <li><a href="cssEffect.html">Csseffect</a></li>
                 <li><a href="pract.html">Practice</a> </li>
                 <li><a href="">Contact</a> </li>
                 
           </ul>
        </nav>
        

    
</body>
<script src="api.js"></script>
<script>


//   window.addEventListener("wheel",(e)=>{
//         if(e.deltaY<0){
//                 console.log("scrolling up");
//         }
//         else if(e.deltaY>0){
//                 console.log("scroling down");
//         }
//   });

</script>
</html>