🌐 Projeto: Página de Links Sociais – Henrique Alves

Esta é uma página de apresentação pessoal (também conhecida como "link-in-bio") criada para centralizar os links de redes sociais, portfólio e currículo de Henrique Alves. Com um design moderno, interativo e um fundo animado via JavaScript, o projeto funciona como um cartão de visitas digital ideal para Instagram, LinkedIn e outras plataformas.

---

📌 Visão Geral

A página permite um acesso rápido às informações mais relevantes do autor, como suas hard skills, redes sociais, portfólio e currículo, além de incluir uma seção musical interativa com Spotify e um fundo dinâmico que enriquece a experiência visual.

---

🛠️ Tecnologias Utilizadas

• HTML5 – Estrutura da página
• CSS3 – Estilização, Flexbox, responsividade (mobile-first) e animações
• JavaScript (Vanilla) – Animação com Canvas
• Font Awesome – Ícones para hard skills e redes sociais
• Google Fonts – Fonte Roboto
• Fonte Customizada – LEMONMILK-Bold.otf para títulos

---

📁 Projeto Figma

• Figma

---

📁 Estrutura do Projeto

/
├── index.html                         # Página principal
├── assets/
│   ├── css/
│   │   └── style.css                  # Estilos principais
│   ├── img/
│   │   ├── perfil.png                 # Foto de perfil
│   │   └── code.png                   # Imagem ilustrativa
│   ├── js/
│   │   └── app.js                     # Script da animação do fundo
│   ├── font/
│   │   └── LEMONMILK-Bold.otf         # Fonte para títulos
│   └── cv/
│       └── Curriculo Henrique Alves 2025.pdf  # Currículo em PDF
└── favicon_io/                        # Ícones da aba do navegador (favicon)

🔎 Funcionalidades

1. 👤 Perfil

• Foto, nome e ocupação ("Estudante de ADS - PUC Minas")
• Logo estilizado <H/A>

2. 💻 Hard Skills

Lista com ícones interativos para:

• HTML5
• CSS3
• JavaScript
• Bootstrap
• Git / GitHub
• Docker
• SQL
• Fedora (Linux)

3. 🌐 Mídias Sociais

• Instagram
• LinkedIn
• GitHub

4. 📎 Extras

• Portfólio – Link para o site de portfólio
• Currículo – Link para visualização/download em PDF

5. 🎵 Player do Spotify

• Integração com playlist ou música favorita

Nota: Substitua o link atual por um válido da opção "Incorporar" do Spotify.

6. ✨ Fundo Animado

• Utiliza Canvas API com partículas animadas para um efeito visual moderno e leve

7. 📜 Rodapé

• Créditos e direitos reservados: © 2025 Henrique Alves. Todos os direitos reservados.

---

▶️ Como Executar

1. Clone ou baixe este repositório.
2. Abra o arquivo index.html em um navegador moderno (Chrome, Firefox, Edge, etc.).
3. Para melhor desempenho e evitar erros de CORS, utilize um servidor local, como a extensão Live Server no VS Code.

---

▶️ 🌐 Projeto renderizado

Desktop:

Mobile:

---

© 2025 Henrique Alves. Todos os direitos reservados.