Newsletter/index.html at main · paulafeltrin/Newsletter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!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">
    <title>NewsLetter</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <main>
        <header>
            <img class="logo" src="assets/logo.svg" alt="Logo">
        </header>
        <h1>atualize ideias e informações em 5 minutos.</h1>
        <p class="p-1">Tudo o que você precisa saber para começar seu dia bem informado</p>
        <p class="p-2">noticias sobre o universo Rocketseat, e tudo o que precisa para começar o dia melhor...
            perfeito para se preparar para codar ☕</p>

        <form action="" id="form" class="form">
            <div class="msg"></div>
            <label for="email">Insira seu e-mail:</label>
            <div class="formControl">
                <input id="email" type="email" placeholder="seu_email@seudominio.com" required>
                <span class="error"></span>
                <img src="assets/send.svg" alt="Enviar">
                <small>Error Message</small>
            </div>

            <button type="submit">
                Deixe-me ler primeiro
                <img src="assets/arrow-right.svg" alt="Seta para a direita">
            </button>
        </form>
    </main>
    <figure></figure>
    <script src="script.js"></script>
</body>
</html>