class-1.html

<!DOCTYPE html>
<html>
<head>
 <title>Password</title>
 <style>
  body {
   background-color: black;
   padding: 30px;
  }
 </style>
 <script>
  function checkPassword() {
   var password = document.getElementById("passwordBox");
   var passwordText = password.value;
   if(passwordText == "SNdev2024") {
    return true;
   }
   alert("ACCSES DENIED");
   return false;
   }
 </script>
<link rel="stylesheet" type="text/css" href="class-1.css">
</head>
<body>
 <header>
   <p style="font-size: 30pt;">THIS PAGE IS RESTRICTED UNDER CLASS 1 PRIVACY</p>
   <p><i>To acsess this page, please enter the password.</i></p>
 </header>
 <p>Please enter the password to view this page.<br/></p>
 <p>Password: <input id="passwordBox" type="password"/></p>
  <button>
    <a href="dev/dev.html" onclick="return checkPassword();">
      <p style="font-size: 12pt">
        Enter
      </p>
    </a>
  </button>
</body>
</html>