Passo 2: Conteúdo
Com a planta pronta, é hora de mobiliar: uma seção 'Sobre mim' com foto e habilidades, e uma seção de projetos.
Estudar esta lição interativa →Com as regiões decididas, o main ganha vida. Vamos usar section para cada bloco temático da própria página (lembra do Módulo 6: uma seção só faz sentido dentro do contexto da página, exatamente o caso aqui), cada uma com o seu próprio id (para o menu do passo anterior conseguir apontar para elas) e o seu próprio título h2.
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Seção 'Sobre mim' (com foto e lista de habilidades) e seção 'Projetos' (com dois article).
Nos quatro passos, as visualizações usam a persona Ana Souza para o exemplo ficar igual para todo mundo. No seu editor e no seu arquivo, continue com o seu nome, a sua descrição e os seus projetos de verdade.
Repare em três decisões deste passo, todas retomando módulos anteriores: a foto de perfil tem um alt descritivo de verdade (Módulo 3), as habilidades viraram uma lista não-ordenada, já que a ordem não importa (Módulo 2), e cada projeto virou um <article>, porque cada um faz sentido isoladamente, com seu próprio título e link, exatamente o critério do Módulo 6.
O h1 (nome, no header) aparece uma única vez. Cada seção principal ganha um h2 ("Sobre mim", "Projetos"), e dentro delas, um subtópico específico (como "Habilidades" ou o título de cada projeto) usa h3. Nenhum nível foi pulado, exatamente o cuidado do Módulo 7.