🎨 Portfolio Template

Um template de portfólio para desenvolvedores, pronto para clonar, personalizar e publicar. Estrutura simples em HTML, CSS e JavaScript puro, com design moderno, responsivo e fácil de adaptar para qualquer stack ou nível de experiência.

---

✨ O que você tem aqui

• Layout completo de portfólio: intro, projetos, serviços e contato
• 100% responsivo (mobile-first)
• Sem frameworks — fácil de entender e modificar
• Estrutura de pastas organizada para escalar (ex: migrar seções para componentes React)

---

🧩 Tecnologias e Ferramentas

• Frontend: HTML5, CSS3 (flexbox, grid), JavaScript puro
• Design: Google Fonts (Asap, Inconsolata, Maven Pro)
• Imagens & ícones: SVGs otimizados, thumbnails com background-dark
• Responsividade: Mobile-first, media queries para desktop e tablet
• Ferramentas complementares: VS Code, Live Server, Prettier, ESLint

---

📁 Estrutura do projeto

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

---

🚀 Como usar

1. Clone o repositório:

   git clone https://github.com/GlawberSantos/Portfolio_Dev.git

2. Acesse o diretório:

   cd Portfolio_Dev

3. Abra o index.html no navegador, ou rode com Live Server:

   npx live-server

4. Personalize: troque textos, imagens em assets/, links de contato e cores em styles/index.css pelos seus próprios dados.

---

📐 Layout & Responsividade

• Intro: avatar + tagline
• Projects: grid flexível com thumbnails
• Services: cards em flexbox
• Contact: botões com SVGs e hover state
• Versão mobile ajustada com media queries até 768px

---

✨ Funcionalidades principais

• Nav de rolagem suave (scroll-down animado)
• Grid flexível para cards e responsividade
• CSS otimizado (sem position: absolute, height fixo ou order abusivos)
• Botões sociais interativos com hover

---

🛠️ Ideias para evoluir

• Converter seções em componentes React
• Deploy com GitHub Pages ou Netlify
• Formulário de contato com validação e integração
• Suporte dark/light mode com toggle

---

✔️ Licença

Este projeto está sob a licença MIT. Sinta-se à vontade para usar, modificar e distribuir como quiser — não é necessário dar crédito, mas é sempre bem-vindo.

---

Se esse template te ajudou, deixe uma ⭐ no repositório!