Meu Linktree Pessoal

Este projeto é uma página pessoal de links (inspirada no conceito de Linktree) que reúne todos os links importantes das minhas redes sociais e portfólio. A página é simples, responsiva e foi criada utilizando HTML e CSS puro, focando em design limpo e acessível para qualquer tipo de dispositivo (desktop, tablets e celulares).

Funcionalidades

• Exibição de uma imagem de perfil, nome e profissão.
• Links para as principais redes sociais, como GitHub, LinkedIn e CodePen.
• Responsivo, adaptando-se automaticamente para telas de diferentes tamanhos (desktops, tablets e celulares).
• Uma página de erro personalizada (Not Found) para quando uma página não for encontrada.

Estrutura de Arquivos

meu-projeto/
│
├── assets/
│   ├── css/
│   │   └── style.css          # Arquivo de estilos
│   ├── images/
│   │   └── eu.png             # Imagem de perfil
│   │   └── notfound.png        # Imagem de erro 404
│   ├── icons/
│   │   └── github.png          # Ícone do GitHub
│   │   └── linkedin.png        # Ícone do LinkedIn
│   │   └── codepen.png         # Ícone do CodePen
│   │   └── home.png            # Ícone para voltar ao início
│
├── index.html                 # Página principal com os links
├── notfound.html              # Página "Not Found"
├── README.md                  # Documentação do projeto

Tecnologias Utilizadas

• HTML5: Estrutura semântica da página.
• CSS3: Estilos e responsividade, com uso de variáveis CSS e media queries.
• Flexbox: Utilizado para centralizar e organizar os elementos.

Como Usar

1. Faça o download ou clone este repositório:

   git clone https://github.com/seu-usuario/nome-do-repositorio.git
   

2. Abra o arquivo index.html em qualquer navegador para visualizar a página principal.

3. Para visualizar a página "Not Found", acesse notfound.html manualmente, ou simule um erro de URL em algum servidor local.

Personalização

• Você pode facilmente personalizar os links e a imagem de perfil trocando os arquivos nas pastas assets/images e assets/icons.
• Edite os links no arquivo index.html conforme suas redes sociais e necessidades.

Contribuição

Sinta-se à vontade para abrir uma issue ou enviar um pull request caso queira sugerir melhorias ou relatar problemas.

---