Exercício - Aprendizado Evoluindo. | HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas

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

            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos</a></li>
                    <li><a href="contatos.html">Contatos</a></li>
                </ul>
            </nav>
        </div>
    </header>
        <main>
            <form>
                <label for="nomesobrenome">Nome e Sobrenome</label>
                <input type="text" id="nomesobrenome">

                <label for="E-mail">E-mail</label>
                <input type="text" id="e-mail">

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

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

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

CSS

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 20px; padding: 10px 25px; width: 50%; }