Formulário de recrutamento focado na área de programação.
Objetivo:
-
Colocar em prática alguns aprendizados sobre formulários adquiridos no módulo 4 do curso de HTML 5 e CSS 3 do Curso em Vídeo.
-
Também utilizei neste projeto uma imagem de fundo fixa.
- HTML 5
- CSS 3
Visual
O conceito visual foi focado no minimalismo e o uso de bordas arredondadas para trazer um aspecto mais orgânico.
Cores
Utilizei uma paleta com 4 cores, sendo 2 cores básicas (preto e branco) para o corpo do formulário, textos e 2 cores para destaques (azul-marinho e azul-claro) em títulos, subtítulos, listas e botão.
Cores utilizadas:
- #000000 (preto)
- #ffffff (branco)
- #1c4966 (azul-marinho)
- #296d98 (azul-claro)
Fonte
A fonte utilizada em todo o projeto foi a Inter, ocorrendo variações apenas de peso no H1 e subtítulos.
Mudar a cor do campo quando clicado
Encontrei duas maneiras de fazer isso no W3Schools, uma delas é mudar a cor da borda do campo e a outra é para mudar a cor de fundo do campo.
Acesse o formulário de recrutamento neste link aqui!
render.mp4
Fico aberto a sugestões de melhoria e ideias, caso você tenha alguma basta me enviar uma mensagem no LinkedIn.