Este projeto contém uma página de erro personalizada, definida no arquivo 404.html, pois, em algumas hospedagens, arquivos separados não são aceitos. A página foi desenvolvida utilizando HTML, CSS e JavaScript e apresenta os seguintes aspectos:
- HTML: Estrutura a página com elementos semânticos, incluindo uma mensagem de erro "404" e um botão que redireciona para a página inicial.
- CSS: Responsável pela estilização, animações e responsividade. A página utiliza variáveis CSS para definir cores e animações, bem como media queries para adaptar o layout em diferentes tamanhos de tela.
- JavaScript: Adiciona interatividade, fazendo com que os elementos se movimentem sutilmente conforme o usuário utiliza o mouse, melhorando a experiência visual com efeitos de translação e sombra.
- Interface Interativa: Movimentação dos elementos da página com base na posição do mouse.
- Animações: Várias animações que criam um efeito dinâmico e chamativo.
- Responsividade: Layout que se adapta a diversos dispositivos e tamanhos de tela.
- Acessibilidade: Uso adequado de atributos ARIA e texto alternativo para melhor acesso.
Foi tudo escrito em um único arquivo (404.html), pois, em algumas hospedagens, arquivos separados não são aceitos.