Site portfólio pessoal desenvolvido do zero com HTML, CSS e JavaScript puro, sem frameworks ou dependências externas.
- HTML5 — estrutura semântica e acessível
- CSS3 — estilização modular por seção, variáveis CSS, animações e responsividade
- JavaScript — módulos ES6+, IntersectionObserver, smooth scroll com easing customizado
portfolio/
├── index.html
├── README.md
├── .gitignore
└── assets/
├── css/
│ ├── reset.css
│ ├── variables.css
│ ├── global.css
│ ├── animations.css
│ ├── nav.css
│ ├── hero.css
│ ├── about.css
│ ├── skills.css
│ ├── projects.css
│ ├── certifications.css
│ ├── blog.css
│ ├── contact.css
│ └── footer.css
├── js/
│ ├── components/
│ │ ├── navbar.js
│ │ ├── hero.js
│ │ ├── about.js
│ │ ├── skills.js
│ │ ├── projects.js
│ │ ├── certifications.js
│ │ ├── blog.js
│ │ ├── contact.js
│ │ └── footer.js
│ ├── animations.js
│ └── main.js
└── images/
- Dark theme tecnológico com identidade visual consistente
- Totalmente responsivo — mobile, tablet e desktop
- Animações de entrada com IntersectionObserver
- Smooth scroll com easing cúbico customizado
- Navbar fixa com indicador de seção ativa
- Menu hamburguer para mobile
- Security headers via meta tags
- Content Security Policy (CSP) configurada no HTML
- X-Frame-Options: DENY — proteção contra clickjacking
- X-Content-Type-Options: nosniff
- Links externos com
rel="noopener noreferrer" - Sanitização de inputs no formulário de contato
Não requer instalação de dependências. Basta clonar e abrir no navegador:
git clone https://github.com/Felipe-Moya/portfolio.git
cd portfolioAbra o index.html diretamente no navegador ou use uma extensão como
Live Server no VSCode.
⚠️ Por usar módulos ES6 (type="module"), o site precisa ser servido por um servidor HTTP local. O Live Server do VSCode resolve isso automaticamente.
- Email: felipeayom4.f@gmail.com
- WhatsApp: (11) 97896-1047
- LinkedIn: felipe-moya-figueiredo
- GitHub: Felipe-Moya