Consolidando o Conhecimento | HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas

    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="caixa">
            <h1><img src="logo.png"></h1>

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <form>
            <label for="NomeSobrenome">Nome e Sobrenome</label>
            <input type="text" id="NomeSobrenome">

            <label for="Email">Email</label>
            <input type="text" id="Email">

            <label for="Telefone">Telefone</label>
            <input type="text" id="Telefone">

            <input type="submit" value="Enviar Formulário">
        </form>
    </main>

    <footer>
        <img src="logo-branco.png">
        <p class="copyright">© Copyright Barbearia Alura - 2019</p>
    </footer>
</body>

main { width: 940px; margin: 0 auto; }

form { margin: 40px 0; }

form label { display: block; font-size: 20px; margin: 0 0 10px; }

form input { display: block; margin: 0 0 10px; padding: 10px 25px; width: 50%; }