Portfolio pessoal desenvolvido por Glawber Santos. Neste site, apresento meus projetos, habilidades e formas de contato, com design moderno, responsivo e foco em mostrar meu trabalho como desenvolvedor.
- Frontend: HTML5, CSS3 (flexbox, grid), JavaScript puro
- Design: Google Fonts (Asap, Inconsolata, Maven Pro)
- Imagens & ícones: SVGs otimizados, thumbnails com background-dark
- Resposividade: Mobile-first, media queries para desktop e tablet
- Ferramentas complementares: VS Code, Live Server, Prettier, ESLint
Portfolio_Dev/ ├── assets/ │ ├── icons/ # ícones em SVG │ ├── Thumbnail_*.png # imagens dos projetos │ └── Background_Contacts.png ├── styles/ │ └── index.css # estilos globais ├── index.html # página principal └── README.md
yaml Copiar Editar
- Clone o repositório:
git clone https://github.com/GlawberSantos/Portfolio_Dev.git
Acesse o diretório:
bash Copiar Editar cd Portfolio_Dev Abra o arquivo index.html com o navegador de sua escolha, ou use uma extensão como Live Server:
bash Copiar Editar npx live-server 📐 Layout & Responsividade O design segue o estilo apresentado no Figma, com:
Seção "Intro": avatar + tagline responsivo
Seção "Projects": grid flexível com thumbnails
Seção "Services": cards em flexbox
Seção "Contact": botões com SVGs e hover state
A versão mobile foi ajustada com media queries até 768px.
✨ Funcionalidades principais Nav de rolagem suave (scroll-down animado)
Grid flexível para cards e responsividade
CSS otimizado: ausência de hax como position:absolute, height fixo ou order abusivos
Botões sociais interativos, com hover para feedback visual
🛠️ Melhorias planejadas Converter seções em componentes React para gestão futura
Adicionar deploy com GitHub Pages ou Netlify
Formulário de contato com validação e integração
Suporte dark/light mode com toggle
📫 Contato Plataforma URL LinkedIn seu perfil aqui GitHub github.com/GlawberSantos
✔️ Licença Este projeto está sob a licença MIT. Sinta-se à vontade para usar, modificar e contribuir!
🙌 Agradecimentos Layout inspirado em portfolios modernos e elegantes
Suporte e revisões com IA ⚡
Obrigado pela visita! Se curtir o projeto, deixe um ⭐ e compartilhe 😊
yaml Copiar Editar
- Adicione links reais nas seções de contato
- Se quiser, substituo o template pela README do seu repositório com base em código real
- Coloque screenshots ou GIFs do site funcionando — fica ótimo visualmente!
Se quiser que eu personalize ainda mais ou componha parte como imagem demonstrativa, é só avisar ;) ::contentReference[oaicite:0]{index=0}