Aula 10 de 10 · PROJETO FINAL
Página Pessoal
Você chegou. Agora junta tudo: HTML semântico, CSS com variáveis, Flexbox, responsividade e efeitos — em uma página pessoal real.
// o que você vai construir
A missão
Sua página pessoal deve ter todas as seções abaixo. Não precisa seguir a ordem exatamente — mas todas precisam estar:
- ✓ Header / Navbar — logo ou nome + links de navegação
- ✓ Hero — seu nome em h1, sua "profissão" ou série, uma frase sua
- ✓ Sobre mim — foto (pode ser placeholder) + parágrafo com
<strong>e<em> - ✓ Habilidades / Hobbies — lista não ordenada ou cards
- ✓ Contato — formulário com nome, e-mail e mensagem
- ✓ Rodapé — seu nome + ano
E os requisitos técnicos:
- ✓ Variáveis CSS com pelo menos 3 cores no
:root - ✓ Flexbox em pelo menos 2 lugares
- ✓ 1 media query para adaptar ao celular
- ✓ 1 efeito de hover com transition
// editor
Mão na massa
O editor abaixo tem um ponto de partida. Substitua tudo pelos seus dados reais e estilize do seu jeito. O preview atualiza enquanto você digita.
Dicas finais:
Troque "Meu Nome" pelo seu nome verdadeiro.
Mude a foto placeholder por uma URL real sua.
Altere --principal para sua cor favorita.
Adicione habilidades e hobbies reais.
Personalize a frase do hero.