Untitled

<!DOCTYPE html>

<html lang="pt">

<head>
    <meta charset="utf-8">
    <title>ENTRAR</title>
    <link rel="stylesheet" type="text/css" href="login.css">
</head>

<body>
    <form action="/action_page.php">
        <div class="imgcontainer">
            <img src="imgs/user.jpg" alt="Avatar" class="avatar">
        </div>

        <div class="container">
            <label><b>Nome do Usuário</b></label>
            <input type="text" name="uname" placeholder="Introduzir Nome do Usuário" required>

            <label><b>Palavra-passe</b></label>
            <input type="password" name="psw" placeholder="Introduzir Palavra-passe" required>

            <button type="submit">Entrar</button>
            <input type="checkbox" checked="checked"> Lembrar-me
        </div>

        <div class="container" style="background-color: #f1f1f1">
            <a href="registar.html" class="btn" role="button">Registar</a>
        </div>

        <div class="container" style="background-color: #f1f1f1">
            <a href="trabalho.html" class="btn" role="button">Cancelar</a>
            <span class="psw">Esqueceu-se da <a href="#">Palavra-passe?</a></span>
        </div>

    </form>

    <script>
        // Get the modal
        var modal = document.getElementById('id01');

        // When the user clicks anywhere outside of the modal, close it
        window.onclick = function(event) {
        if (event.target == modal) {
        modal.style.display = "none";
        }
    }
    </script>

</body>
</html>