Portfolio Landing Page

Uma landing page responsiva e moderna para portfólio profissional, criada com HTML5, CSS3 e JavaScript puro.

🎨 Características

• ✅ Design totalmente responsivo (mobile, tablet, desktop)
• ✅ Animações suaves com CSS e JavaScript
• ✅ Formulário de contato funcional
• ✅ Showcase de projetos/trabalhos
• ✅ Seção sobre (About)
• ✅ Menu de navegação inteligênte

💻 Tecnologias

• HTML5 - Estrutura semântica
• CSS3 - Estilos, Flexbox e Grid
• JavaScript (Vanilla) - Interatividade e lógica
• Responsive Design - Mobile-first approach

🚀 Como Rodar Localmente

Pré-requisitos

• Navegador web moderno (Chrome, Firefox, Safari, Edge)

Passos

1. Clone o repositório:

git clone https://github.com/nilotj/portfolio-landing-page.git
cd portfolio-landing-page

2. Abra o arquivo index.html no navegador:

# No Windows
start index.html

# No macOS
open index.html

# No Linux
xdg-open index.html

Ou use uma extensão como Live Server no VS Code.

📋 Estrutura do Projeto

portfolio-landing-page/
├── index.html           # Página principal
├── css/
│   ├── style.css        # Estilos gerais
│   └── responsive.css  # Media queries
├── js/
│   └── script.js       # Lógica e interatividade
├── assets/
│   ├── images/         # Imagens e ícones
│   └── fonts/          # Fontes customizadas
└── README.md            # Este arquivo

📝 Seções da Página

1. Header/Hero - Apresentação inicial com CTA
2. About - Sobre o profissional
3. Skills - Habilidades técnicas
4. Projects - Galeria de projetos
5. Contact - Formulário de contato
6. Footer - Links de redes sociais

🎈 Recursos Interativos

• Menu hamburguer para mobile
• Scroll suave entre seções
• Formulário com validação
• Ícones animados
• Efeitos hover nos botões

📄 Licença

Este projeto é de código aberto sob a licença MIT.

🤝 Contribuindo

Suas contribuições são bem-vindas! Abra uma issue ou crie uma pull request.

📧 Contato

Nilo Silva

• GitHub: @nilotj
• Email: seu@email.com

---

⭐ Se este projeto foi útil, considere dar uma star!