Este repositório contém o Projeto Login, desenvolvido por Piter Gomes, estudante de Ciência da Computação. O projeto faz parte do processo de aprendizagem em HTML5, CSS3 e responsividade, utilizando boas práticas de layout adaptável e design moderno.
O sistema simula uma interface de login com formulário responsivo, preparado para diferentes tamanhos de tela, incluindo celulares, tablets e desktops. O layout combina imagens, ícones (Google Fonts/Material Icons), cores modernas e transições suaves.
- HTML5
- CSS3
- Responsividade com Media Queries
- Google Fonts - Material Icons
- Layout responsivo e adaptativo
- Formulário com validação básica
- Ícones visuais integrados aos campos
- Design moderno com bordas arredondadas e efeitos de foco
- Link para recuperação de senha
O layout é dividido em duas áreas principais:
- Imagem de fundo adaptável
- Formulário de login centralizado e estilizado
A aparência se adapta automaticamente ao dispositivo do usuário, mantendo uma boa usabilidade em qualquer resolução.
projeto-login/
├── imagens/
│ └── logo-ico.ico, metal.jpg
├── estilos/
│ ├── style.css
│ └── media-query.css
├── login.php (simulação)
├── esqueci.html (simulação)
└── index.html
- Clone este repositório:
git clone https://pitercoding.github.io/proejto-login/
cd projeto-login
- Abra o arquivo
index.htmlno seu navegador.
Piter Gomes
Estudante de Ciência da Computação e entusiasta em desenvolvimento web.
Em constante aprendizado e evolução 💻🚀