Funcionalidades

Login Simples e Intuitivo:

• Entrada com matrícula e senha.
• Campos com ícones de usuário e senha para facilitar o entendimento.

Design Responsivo:

• Na versão desktop, a imagem decorativa é exibida ao lado do formulário de login.
• Na versão mobile, a imagem é ocultada para melhor aproveitamento de espaço.

Acessibilidade:

• Botão "Traduzir" no cabeçalho para adaptar a página a uma versão mais acessível, facilitando a navegação para PCD.
• Elementos com contraste e fontes legíveis (utilizando a fonte Poppins).
• Links de "Recuperar senha" e "Ajuda" clicáveis, com hover para maior visibilidade.

---

Tecnologias Utilizadas

• HTML: Estrutura da página.
• CSS: Estilização responsiva e acessível.
• JavaScript: Futuras funcionalidades, como tradução e acessibilidade avançada.

---

Como Executar

1. Clone este repositório:

   git clone https://github.com/Gabrielcafens/HackathonAutismoTechPortalLogin.git

2. Navegue até a pasta do projeto:

   cd HackathonAutismoTechPortalLogin

3. Abra o arquivo index.html em seu navegador.

---

Próximos Passos

• Implementar a funcionalidade de tradução inclusiva, adaptando texto e layout para PCD.
• Melhorar a acessibilidade com suporte a leitores de tela (exemplo: ARIA roles).
• Adicionar validações e segurança no login.

---

📚 Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests com melhorias e sugestões.

📜 Licença

Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para mais detalhes.

---

🖋️ Autores

Desenvolvido por Gabrielcafens.

                          ___
                      .-'   `'.
                     /         \
                     |         ;
                     |         |           ___.--,
            _.._     |0) = (0) |    _.---'`__.-( (_.
     __.--'`_.. '.__.\    '--. \_.-' ,.--'`     `""`
    ( ,.--'`   ',__ /./;   ;, '.__.'`    __
    _`) )  .---.__.' / |   |\   \__..--""  """--.,_
   `---' .'.''-._.-'`_./  /\ '.  \ _.--''````'''--._`-.__.'
         | |  .' _.-' |  |  \  \  '.               `----`
          \ \/ .'     \  \   '. '-._)
           \/ /        \  \    `=.__`'-.
           / /\         `) )    / / `"".`\
     , _.-'.'\ \        / /    ( (     / /
      `--'`   ) )    .-'.'      '.'.  | (
             (/`    ( (`          ) )  '-;    
            
  ( (                ( (                 ( (                
   ) )                ) )                 ) )               
.........           .........         .........           
|       |]         |       |]         |       |]                
\       /           \       /         \       /              
 `-----'             `-----'           `-----'