Um site portfolio moderno e responsivo para desenvolvedores de software, com design tech e animações suaves.
- Design Moderno: Interface clean com tema escuro e gradientes vibrantes
- Totalmente Responsivo: Adapta-se a todos os dispositivos (desktop, tablet, mobile)
- Animações: Efeitos de typing, contadores, scroll reveal e hover effects
- Seções Completas: Hero, Sobre, Habilidades, Projetos e Contato
- Navegação Suave: Scroll suave entre seções e menu ativo
- Performance: Código otimizado e sem dependências externas pesadas
- HTML5 - Estrutura semântica
- CSS3 - Estilos modernos com variáveis, Grid e Flexbox
- JavaScript - Interatividade e animações
- Google Fonts - Tipografia Inter e JetBrains Mono
- Clone ou baixe este repositório
- Abra o arquivo
index.htmlem seu navegador - Personalize o conteúdo editando os arquivos:
index.html- Estrutura e conteúdostyles.css- Estilos e coresscript.js- Comportamentos
Edite o arquivo index.html e substitua:
- "Seu Nome" pelo seu nome real
- Informações de contato (email, telefone)
- Textos das seções Sobre e Projetos
No arquivo styles.css, modifique as variáveis CSS no :root:
:root {
--primary: #6366f1; /* Cor primária */
--secondary: #8b5cf6; /* Cor secundária */
--accent: #06b6d4; /* Cor de destaque */
/* ... outras cores */
}No index.html, na seção de habilidades, edite:
- Nome da tecnologia
- Percentual de proficiência (style="--progress: XX%")
Copie a estrutura do project-card e adicione novos projetos na seção Projetos.
O site é totalmente responsivo e se adapta automaticamente a:
- Desktop (> 1024px)
- Tablet (768px - 1024px)
- Mobile (< 768px)
- Tema Escuro: Fundo escuro com elementos em destaque
- Gradientes: Cores vibrantes em botões e títulos
- Tipografia: Fontes modernas e legíveis
- Cards: Design de cards com sombras e efeitos hover
- Ícones: Emojis e símbolos para representar tecnologias
Este projeto está sob licença MIT. Sinta-se livre para usar e modificar.
Desenvolvido com ❤️ para desenvolvedores