Skip to content

Este projeto é uma tela de login responsiva feita com HTML e CSS, que se adapta a diferentes tamanhos de tela. Com animações suaves, centralização ajustável e uso de Flexbox e media queries, oferece uma experiência agradável e eficiente em desktop e mobile.

License

Notifications You must be signed in to change notification settings

joao-GON/Tela-login-Profissional

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

🌟 Tela de Login Responsiva

Visual Studio Code HTML5 CSS3GitHub Licence

Este projeto consiste em uma tela de login responsiva, projetada para funcionar de forma fluida em dispositivos de diversos tamanhos, incluindo desktops e smartphones. A tela utiliza HTML, CSS e animações para proporcionar uma experiência de usuário agradável.

💻 Tecnologias Usadas

  • HTML5
  • CSS3 (com animações e media queries)
  • Flexbox (para centralização responsiva)

🚀 Funcionalidades

  • Formulário de login com campos para e-mail e senha.
  • Centralização automática da tela de login, independentemente do dispositivo.
  • Design responsivo: adapta-se a diferentes tamanhos de tela.
  • Animações suaves nos campos de entrada (efeito de "bounce").
  • Imagem de perfil centralizada e ajustável.

🛠 Como Rodar o Projeto

  1. Clone este repositório:

    git clone https://github.com/seu-usuario/tela-de-login-responsiva.git
  2. Navegue até a pasta do projeto:

    cd tela-de-login-responsiva
  3. Abra o arquivo index.html em seu navegador de preferência.

🗂 Estrutura do Projeto

tela-de-login-responsiva/
│
├── Imagens/
│   ├── fundo.jpg
│   └── perfil.image.png
│
├── Css/
│   └── Tela de login.css
│
└── index.html

🤝 Como Contribuir

  1. Faça um fork deste repositório.
  2. Crie uma branch para suas alterações:
    git checkout -b nova-funcionalidade
  3. Faça commit das suas alterações:
    Adiciona nova funcionalidade
  4. Faça push para a branch:
       git push origin nova-funcionalidade
  5. Abra um pull request.

🛠 Demonstração Desktop:

image

🛠 Demonstração Mobile:

image

📜 Licença

Este projeto está licenciado sob a MIT License - consulte o arquivo LICENSE para mais detalhes.

✨ Notas Finais

Este projeto foi desenvolvido com foco em responsividade e usabilidade, e pode ser facilmente expandido com funcionalidades adicionais, como autenticação de usuários, integração com APIs e validação de dados com JavaScript.

About

Este projeto é uma tela de login responsiva feita com HTML e CSS, que se adapta a diferentes tamanhos de tela. Com animações suaves, centralização ajustável e uso de Flexbox e media queries, oferece uma experiência agradável e eficiente em desktop e mobile.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published