https://github.com/ninja1375/404-not-found
404 not found page
https://github.com/ninja1375/404-not-found
404 css html5
Last synced: 8 months ago
JSON representation
404 not found page
- Host: GitHub
- URL: https://github.com/ninja1375/404-not-found
- Owner: Ninja1375
- License: mit
- Created: 2024-12-31T17:17:25.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-12-31T18:59:36.000Z (10 months ago)
- Last Synced: 2025-01-08T20:18:05.420Z (9 months ago)
- Topics: 404, css, html5
- Language: CSS
- Homepage: https://ninja1375.github.io/404-not-found/
- Size: 29.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# [404 - Not Found Page](https://ninja1375.github.io/404-not-found/)
Uma página personalizada de erro 404 que simula a experiência visual e funcional do GitHub.
Este projeto foi desenvolvido com fins **educacionais**, com o objetivo de praticar habilidades em HTML, CSS e JavaScript.
## 🛠️ Tecnologias Utilizadas
- **HTML5**: Para a estrutura semântica da página.
- **CSS3**: Para estilização, design responsivo e aprimoramento visual.
- **JavaScript**: Para validação do formulário de busca.
## 📂 Estrutura do Projeto
O projeto é composto por dois arquivos principais:
1. **index.html**: Contém o layout e os elementos estruturais da página.
2. **style.css**: Responsável por toda a estilização e responsividade da página.
## 🔑 Funcionalidades
- Exibição de uma imagem personalizada de erro 404.
- Seção de busca funcional, conectada à pesquisa no GitHub, com validação de campo.
- Links úteis para suporte, status do GitHub e redes sociais.
- Design responsivo, adaptado para dispositivos móveis.
## 🖼️ Captura de Tela
## 🚀 Como Usar
1. Clone este repositório:
```bash
git clone https://github.com/ninja1375/404-not-found.git
```
2. Abra o arquivo `index.html` diretamente em seu navegador para visualizar a página.
## 🖌️ Personalização
- **Alterar a imagem de erro:**
Edite o atributo `src` da tag `![]()
` no arquivo `index.html` para apontar para uma nova imagem.
- **Modificar cores ou estilos:**
Faça ajustes no arquivo `style.css` para alterar o design.
## 🎯 Objetivo Educacional
Este projeto foi criado com o propósito de:
- Praticar habilidades front-end em um cenário realista.
- Aprender sobre validação de formulários com JavaScript.
- Implementar design responsivo utilizando CSS.
**Não possui fins comerciais ou de produção.**
## 📜 Licença
Este projeto está licenciado sob a **[MIT License.](https://github.com/Ninja1375/404-not-found/blob/main/LICENSE)**
**Desenvolvido com 🧡 por [Antônio Nascimento.](https://ninja1375.github.io/Meu-Portfolio/)**