From 915e360938864e695dfa1ef5af8b51ba53decd57 Mon Sep 17 00:00:00 2001 From: gianfranco <gianfranco@zeratul.pet> Date: Mon, 8 Oct 2018 11:35:42 -0300 Subject: [PATCH] contato --- contato.html | 17 +++++++---------- style.css | 21 ++++++++++++++++++++- 2 files changed, 27 insertions(+), 11 deletions(-) diff --git a/contato.html b/contato.html index b7ba357..fb7cc54 100644 --- a/contato.html +++ b/contato.html @@ -65,14 +65,13 @@ <fieldset> <!-- Form Name --> -<legend>Form Name</legend> +<legend>Entre em contato</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput_nome">Nome</label> <div class="col-md-4"> - <input id="textinput_nome" name="textinput_nome" placeholder="digitar nome completo" class="form-control input-md" required="" type="text"> - <span class="help-block">entre com seu nome</span> + <input id="textinput_nome" name="textinput_nome" placeholder="Nome Completo" class="form-control input-md" required="" type="text"> </div> </div> @@ -80,24 +79,22 @@ <div class="form-group"> <label class="col-md-4 control-label" for="textinput_email">Email</label> <div class="col-md-4"> - <input id="textinput_email" name="textinput_email" placeholder="digite um email válido" class="form-control input-md" required="" type="text"> - <span class="help-block">entre com seu email</span> + <input id="textinput_email" name="textinput_email" placeholder="exemplo@pet.com" class="form-control input-md" required="" type="text"> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="textarea_mensagem">Mensagem</label> - <div class="col-md-4"> - <textarea class="form-control" id="textarea_mensagem" name="textarea_mensagem">digite aqui sua mensagem</textarea> + <div class="col-md-4"> + <textarea type="text" name="textarea_mensagem" placeholder="Insira sua mensagem" class="form-control" id="textarea_mensagem"></textarea> </div> </div> <!-- Button --> <div class="form-group"> - <label class="col-md-4 control-label" for="singlebutton_enviar">Enviar</label> - <div class="col-md-4"> - <button id="singlebutton_enviar" name="singlebutton_enviar" class="btn btn-primary">enviar</button> + <div class="col-md-12"> + <button id="singlebutton_enviar" name="singlebutton_enviar" class="btn btn-primary botao">Enviar</button> </div> </div> diff --git a/style.css b/style.css index d04e187..e10a974 100644 --- a/style.css +++ b/style.css @@ -15,7 +15,7 @@ body,h1,h2,h3,h4,h5,h6{ } .home{ - background-color: #927aff; + background-color: #6A47FF; } .centro{ @@ -49,3 +49,22 @@ html, body { margin: 0; padding: 0; } + +textarea { + resize: none; +} + +.botao:hover { + background-color: white; + color: black; + font-weight: bold; + border: 2px solid #CCCCCC; +} + +.botao { + background-color: #6A47FF; + color: white; + font-weight: bold; + border: 2px solid transparent; + transition: 0s; +} -- GitLab