html-css icon indicating copy to clipboard operation
html-css copied to clipboard

Projeto_Android um pouco além

Open HugoLeonardo-hub opened this issue 2 years ago • 7 comments

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

`

fale conosco|CT

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>
`

HugoLeonardo-hub avatar Apr 18 '22 11:04 HugoLeonardo-hub

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".

arthurtozo avatar Apr 18 '22 20:04 arthurtozo

Boa tarde, ficou muito bom, vou incrementar o meu também, juntos vamos crescendo.

leobarbosadev avatar Apr 30 '22 18:04 leobarbosadev

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!

HugoLeonardo-hub avatar Apr 30 '22 20:04 HugoLeonardo-hub

boa tarde!, ficou muito, parabéns pela iniciativa, vou implementar tbm, abraço e obrigado por compartilhar.

eric-moniz avatar May 01 '22 17:05 eric-moniz

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 avatar May 02 '22 18:05 estevaopolli

@estevaopolli Aprendi recentemente também, na verdade aprendi com o cadinho. Ai fui implementando. Fico muito feliz de poder ajudar um cadinho também!!!

HugoLeonardo-hub avatar May 02 '22 21:05 HugoLeonardo-hub

Muito bacana amigo, parabens!

brandaoalucas avatar Jun 02 '22 12:06 brandaoalucas