log-in.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Welcome back to Bedbug Nuke</title>
    <link rel="stylesheet" href="base.css">
</head>

<body>
    <div id="main_frame">
        <!-- Universal header for the whole website -->
        <header>
            <h1>welcome back!</h1>
            <div id="heading_image"></div>
        </header>

        <!-- Universal navigation bar -->
        <nav>
            <a href="./index.html">main page</a>
        </nav>

        <!-- Login form -->
        <form>
            <div>
                <label for="email">e-mail:</label><br>
                <input type="email" id="email" name="email"><br>
            </div>
            
            <div>
                <label for="password">password:</label><br>
                <input type="password" id="password" name="password"><br>
            </div>
            
            <div>
                <label for="password">remember me:</label><br>
                <input type="checkbox" id="rememberme" name="rememberme"><br>
            </div>

            <br><input type="submit" value="Login" id="submit">
        </form>

        <!-- Link below the login form for forgetting password -->
        <a href="" id="forgot_password">Forgot Password</a>
    </div>
</body>

</html>