index.html

<!DOCTYPE html>
<html lang="pt-BR">

<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">
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>Login - Rede Social</title>
</head>

<body>
    <div id="interface">
        <div id="logo">
            <h1>Rede Social</h1>
        </div>
        <div id="areaLogin">
            <div id="boxLogin">
                <form>
                    <div id="areaCampos">
                        <!-- <input class="campos" type="text" placeholder="Nome do Usuário"> -->
                        <input class="campos" type="email" placeholder="e-mail">
                        <input class="campos" type="password" placeholder="Senha">
                        <div id="manterConectado">
                            <input type="checkbox" id="conectado">&nbsp;
                            <label for="conectado">Manter conectado</label>
                        </div>
                        <input type="submit" value="Entrar" id="botao">
                        <p>É novo aqui?<a href="#"> Criar conta</a></p>
                    </div>
            </div>
            </form>
        </div>

    </div>
    </div>
</body>

</html>