[Projeto] projeto

html

<main>
        <form>
            <label for="nomesobrenome">nome e sobronome</label>
            <input type="text" id="nomesobrenome" class="input-padrão">

            <label for="email" >email</label>
            <input type="text" id="email" class="input-padrão">

            <label for="telefone">telefone</label>
            <input type="text" id="telefone" class="input-padrão">

            <label for="mensagem">mensagem</label>
            <textarea cols="60" rows="10" id="mensagem"></textarea>
            <div>
                <p>como prefere o nosso contato?</p>
                <label for="radio-email"><input type="radio" name="contato" value="email" id="radio-email">Email</label>

                <label for="radio-telefone"><input type="radio" name="contato" value="telefone" id="radio-telefone">telefone</label>

                <label for="radio-whatsapp"><input type="radio" name="contato" value="whatsapp" id="radio-whatsapp">whatsapp</label>

            </div>
            <div class="horario">
                <p>qual horario prefere ser atendido? </p>
                <select>
                    <option>manha</option>
                    <option>tarde</option>
                    <option>noite</option>
                </select>
            </div>

            <label class="checkbox"><input type="checkbox">gostaria de receber nossas novidades por email?</label>

            <input type="submit" value="enviar formulário">


        </form>

    </main>

css

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

form{
    margin: 40px 0;
}

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

.input-padrão{
    display: block;
    margin: 0 0 10px;
    padding: 10px 25px;
    width: 50%;
}

.horario{
    margin: 30px 0;
}

.checkbox{
    margin: 30px 0;

}

footer{
    text-align: center;
    background-color: black;
    padding: 40px 0;
}

.copyright{
    color: #ffffff;
    font-size: 13px;
}