index.html

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Responsive Navbar</title>

   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
   <link rel="stylesheet" href="./style.css">
</head>

<body class="page">

   <header class="navbar">
      <div class="navbar-inner">
         <h1 class="logo">
            <a href="https://www.youtube.com/channel/UC6dnKqrImGWqMb9ty1n0Ziw" target="_blank"
               class="logo-link">Coding's
               Time</a>
         </h1>
         <label for="navbar-toggler" class="navbar-toggler">
            <i class="fas fa-bars"></i>
         </label>
         <input type="checkbox" id="navbar-toggler" class="navbar-toggler-check">
         <nav class="navbar-menu">
            <a href="" class="navbar-link navbar-link-active">Home</a>
            <a href="" class="navbar-link">Services</a>
            <a href="" class="navbar-link">Blog</a>
            <a href="" class="navbar-link">About</a>
            <a href="" class="button">Contact</a>
         </nav>
      </div>
   </header>

</body>

</html>