Portfólio Profissional — Bruno Henrique

Portfólio pessoal com foco em Análise de Dados e desenvolvimento web. Design responsivo, acessível e com interatividade moderna.

Acessar o site →

---

Sobre

Portfólio desenvolvido para apresentar o perfil profissional de Bruno Henrique, Analista de Dados em formação, com ênfase em:

• Identidade visual consistente e profissional
• Responsividade em múltiplos dispositivos
• Experiência de usuário fluida e acessível (suporte a prefers-reduced-motion)

---

Funcionalidades

Categoria	Descrição
Navegação	Menu hambúrguer responsivo, drawer lateral animado, scroll suave entre seções
Hero	Layout adaptativo (foto + nome), CTAs para contato e download do currículo
Seções	Sobre, Habilidades, Tecnologias em estudo, Projetos em destaque, Contato
Extras	Player de música em loop, botão voltar ao topo, animações reveal na viewport

---

Tecnologias

• HTML5 — Estrutura semântica
• CSS3 — Variáveis, Flexbox, Grid, media queries
• JavaScript — Vanilla JS (sem frameworks)
• Font Awesome 6 — Ícones
• Google Fonts — DM Sans

---

Estrutura do Projeto

Portfolio/
├── index.html
├── README.md
└── src/
    ├── audio/           # Áudio de fundo
    ├── css/
    │   └── styles.css
    ├── docs/             # Documentos (ex.: currículo)
    ├── img/              # Imagens e avatar
    └── js/
        ├── main.js       # Menu, reveal, scroll to top
        └── music.js      # Player de música

---

Design

Paleta de cores

Uso	Cor	Hex
Fundo escuro	—	#0f172a
Superfície	—	#ffffff
Fundo claro	—	#f8fafc
Texto	—	#1e293b
Texto secundário	—	#64748b
Primária	—	#0ea5e9

Tipografia

• Fonte: DM Sans (Google Fonts)
• Hierarquia responsiva e legível

Breakpoints

• Desktop: Menu completo, layout horizontal
• ≤768px: Menu hambúrguer, layout empilhado
• ≤480px: Grid em coluna única, CTAs em largura total

---

Configuração

Música de fundo

1. Adicione o arquivo em src/audio/ como music.mp3 ou music.ogg
2. O player aparece no canto inferior direito
3. Para trocar o arquivo, edite o elemento <audio> em index.html

Projeto em destaque

Edite o card na seção Projetos em index.html (título, descrição, imagem e link).

Estilos

Variáveis CSS em :root em src/css/styles.css.

---

Contato

Rede	Link
GitHub	@IBrunooDev
LinkedIn	brunocarus
Instagram	@ibrunoodev

---

Desenvolvido por Bruno Henrique