html-css
html-css copied to clipboard
Projeto_Android um pouco além
Estou disponibilizando aqui um código que apliquei na página de Fale conosco. Resolvi fazer isso porque quis publicar o site pois usarei como experiência pro portfólio. https://hugoleonardo-hub.github.io/Projeto_android/faleconosco.html
`
CURIOSIDADES DE TECNOLOGIA
Tudo aquilo que você sempre quis saber sobre o mundo Tech, em um único lugar
</header>
<nav>
<a href="index.html">Home</a>
<a href="noticias.html">Notícias</a>
<a href="curiosidades.html">Curiosidades</a>
<a href="faleconosco.html">Fale Conosco</a>
</nav>
<main>
<div class="box">
<form action="">
<fieldset>
<legend>Fale conosco</legend>
<br>
<div class="inputBox">
<label for="nome" class="inputLabel">Nome completo</label><br>
<input type="text" name="nome" id="nome" class="inputUser" required>
</div>
<br>
<div class="inputBox">
<label for="email" class="inputLabel">e-mail</label><br>
<input type="text" name="email" id="email" class="inputUser" required>
</div>
<br>
<div class="inputBox">
<label for="telefone" class="inputLabel">telefone</label><br>
<input type="tel" name="telefone" id="telefone" class="inputUser" required>
</div>
<br>
<div class="inputLabel">Genero:</div>
<input type="radio" name="genero" value="feminino" required>
<label for="feminino">Feminino</label>
<input type="radio" name="genero" id="masculino" value="masculino" required>
<label for="masculino">Masculino</label>
<input type="radio" name="genero" id="outro" value="outro" required>
<label for="outro">Outro</label>
<br><br>
<div class="inputBox">
<label for="data_nascimento">Data de Nascimento:</label>
<input type="date" name="data_nascimento" id="data_nascimento" class="inputUser2">
</div>
<br>
<div class="inputBox">
<label for="estado" class="inputLabel">Estado</label><br>
<select id="estado" name="estado">
<option selected disabled value="">selecione</option>
<option value="AC">Acre</option>
<option value="AL">Alagoas</option>
<option value="AP">Amapá</option>
<option value="AM">Amazonas</option>
<option value="BA">Bahia</option>
<option value="CE">Ceará</option>
<option value="DF">Distrito Federal</option>
<option value="ES">Espírito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MT">Mato Grosso</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MG">Minas Gerais</option>
<option value="PA">Pará</option>
<option value="PB">Paraíba</option>
<option value="PR">Paraná</option>
<option value="PE">Pernambuco</option>
<option value="PI">Piauí</option>
<option value="RJ">Rio de Janeiro</option>
<option value="RN">Rio Grande do Norte</option>
<option value="RS">Rio Grande do Sul</option>
<option value="RO">Rondônia</option>
<option value="RR">Roraima</option>
<option value="SC">Santa Catarina</option>
<option value="SP">São Paulo</option>
<option value="SE">Sergipe</option>
<option value="TO">Tocantins</option>
<option value="EX">Estrangeiro</option>
</select>
</div><br>
<div class="inputBox">
<label for="cidade" class="inputLabel">Cidade</label><br>
<input type="text" name="cidade" id="cidade" class="inputUser" required>
</div><br>
<div class="inputBox">
<label for="endereco" class="inputLabel">Endereço</label><br>
<input type="text" name="endereco" id="endereco" class="inputUser" required>
</div><br>
<div>
<br>
<label for="textarea" class="inputLabel">mande sua dúvida e/ou sugestão</label>
<br>
<textarea name="textarea" id="textarea" cols="30" rows="10"></textarea>
<br>
</div>
<input type="Submit" name="submit" id="submit"><br>
<a href="index.html" class="voltar">voltar</a>
</fieldset>
</form>
</div>
</main>
`
Boa tarde, muito interessante, gostei dessa ideia! Pretendo depois fazer a mesma coisa e adicionar mais informações nesse projeto, por enquanto só fiz o "Home".
Boa tarde, ficou muito bom, vou incrementar o meu também, juntos vamos crescendo.
Muito obrigado! Estou super empolgado com minha evolução, sei que pros padrões até de um dev Jr. ainda estão baixos, mas eu estou obstinado a evoluir. E fico muito feliz com o reconhecimento de vocês!
boa tarde!, ficou muito, parabéns pela iniciativa, vou implementar tbm, abraço e obrigado por compartilhar.
opa, boa tarde! Ficou muito legal, também fiz a minha página baseado na sua. Não conhecia técnica de fazer uma borda em volta do texto com o "legend", achei bem interessante.
se quiser dar uma checada: https://estevaopolli.github.io/projeto-android/
@estevaopolli Aprendi recentemente também, na verdade aprendi com o cadinho. Ai fui implementando. Fico muito feliz de poder ajudar um cadinho também!!!
Muito bacana amigo, parabens!