Projeto: Tela de Login
Este é um projeto simples de uma tela de login estilizada com HTML e CSS. A interface foi projetada para ser responsiva, garantindo uma boa experiência tanto em dispositivos desktop quanto em dispositivos móveis.
Funcionalidades
*Design moderno : A tela de login possui um design limpo e moderno, com um efeito de vidro fosco (backdrop-filter) no formulário.
*Responsividade : O layout se ajusta automaticamente para diferentes tamanhos de tela (desktop e mobile).
*Ícones Ionicons : Ícones nos campos de entrada melhoram a usabilidade.
*Transições suaves : Os rótulos dos campos de entrada sobem suavemente ao interagir com eles.
**Pré-requisitos Para visualizar o projeto localmente, você precisará:
1- Um navegador moderno (Google Chrome, Firefox, Edge, etc.).
2- Um servidor local (opcional, mas recomendado para evitar problemas com caminhos de arquivos locais). Você pode usar: Live Server no VS Code.
3- XAMPP ou qualquer outro servidor local.
#Como Usar Clone ou baixe este repositório para sua máquina local. Abra o arquivo index.html no navegador ou use um servidor local para executá-lo. Teste a responsividade redimensionando a janela do navegador ou usando ferramentas de desenvolvedor para simular dispositivos móveis.
Capturas de Tela [Versão Desktop] assets/images/desktop.png
Versão Mobile assets/images/mobile.png
*HTML5 : Estrutura básica da página.
*CSS3 : Estilização e animações.
*Ionicons : Ícones utilizados nos campos de entrada.
Créditos
Imagem de Fundo : A imagem de fundo (login2.jpg) foi fornecida pelo autor do projeto.
Fonte Poppins : A fonte utilizada foi importada do Google Fonts.
Licença Este projeto é de código aberto e está disponível sob a licença MIT .