secondary.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>Document</title>
    <link rel="stylesheet" href="secondary.css">
</head>
<body>
    <img id="logo" src="images/edge.png" alt="EDGE">
    <h1>Welcome To EDGE</h1>
    <h2>Login to Continue</h2>
    <form>
        <div class="container1">
        <label>Username:</label>
        <input type="text" placeholder="Enter Your Username" name="username" required>
        <br><label>Password:</label>
        <input type="password" placeholder="Enter Login Password" id="showpass" name="password" required>
        <label><input type="checkbox" onclick="Show()">Show Password</label>
        <label><input type="checkbox" checked="checked">Remember Me</label>
        <button type="submit" id="sub">LOGIN</button>
        <button type="button" class="cancelbtn" id="cancel">CANCEL</button><br>
        </div>
        <script src="secondary.js"></script>
    </form>
</body>
</html>
