Challenge do Currículo | HTML e CSS: cabeçalho, footer e variáveis CSS

Olá a todos, hoje foi o dia do challenge do currículo vamos lá, ao que eu fiz. No .html eu quis manter a mesma aparência da index para que seja apenas uma leve transição na troca de página e manter todo o padrão já feito do .css claro que tive que fazer algumas adições no .css por que se não eu não iria conseguir controlar h3 e h4 que adicionei para não mexer na h1 e h2 que estavam sendo utilizadas na index. Segue o código do .html

curriculo.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Currículo - André Lopes</title>
    <link rel="stylesheet" href="./styles/style.css">
</head>
<body>
    <header class="cabecalho">
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu__link" href="index.html">Home</a>
            <a class="cabecalho__menu__link" href="about.html">Sobre mim</a>
            <a class="cabecalho__menu__link" href="curriculo.html">Currículo</a>
        </nav>
    </header>
    
    <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h2 class="curriculo__nome">André da Silva Lopes</h2>
            <p class="curriculo__descricao">Estudante de Análise e Desenvolvimento de Sistemas com interesse em Ciência de Dados. Desenvolvendo habilidades em Python, estatística, machine learning e visualização de dados. Experiência em desenvolvimento web, análise de métricas e gerenciamento de bancos de dados MySQL.</p>
            <section class="curriculo__descricao">
                <h3>Formação Acadêmica</h3>
                <ul>
                    <li>Análise e Desenvolvimento de Sistemas</li>
                    <p>UEMA - 2024-2026 - Em andamento</p>
                    <li>Programação e Data Science</li>
                    <p>Alura Oracle Next One (G8) 2025 - Em andamento</p>
                    <li>Introdução à Ciência de Dados</li>
                    <p>Santander Open Academy - JAN.2025</p>
                    <li>Ciência de Dados com Python | DIO</li>
                    <p>Santander Bootcamp JAN.2025 - Em andamento</p>
                </ul>
            </section>
            
            <section class="curriculo__descricao">
                <h3>Experiência Profissional</h3>
                <div>
                    <h4>Gerente de Projetos</h4>
                    <p>Na Agência Digital SLZ iniciando em 2023 até o momento fazendo o gerenciamento de projetos web, planejamento estratégico e otimização de SEO.</p>
                </div>
                <div>
                    <h4>Coordenador de Ensino à Distância</h4>
                    <p>No SETEBAN EAD iniciei em 2024 até o momento o gerenciamento de conteúdos e suporte a alunos em plataformas EAD.</p>
                </div>
                <div>
                    <h4>Supervisor de Segurança e T.I</h4>
                    <p>Na Malka Vigilância Privada de 2013 até 2023 eu coordenei operações de segurança e implementação de sistemas de T.I.</p>
                </div>
                <div>
                    <h4 >Manutenção de Computadores</h4>
                    <p>Fui professor em 2012 até 2014 de aulas e capacitação de jovens para o mercado de trabalho (Programa Projovem).</p>
                </div>
            </section>

            <section class="curriculo__descricao">
                <h3>Soft Skills</h3>
                <ul>
                    <li>Python (Iniciante), MySQL (Intermediário)</li>
                    <li>Ferramentas: Visual Studio Code, cPanel</li>
                    <li>Desenvolvimento Web: WordPress e Elementor</li>
                    <li>Versionamento: Git, GitHub</li>                   
                </ul>
            </section>
        </section>
        <section>
            <img src="./assets/imagem.png" alt="Foto de André Lopes programando" class="curriculo__imagem">
            <div class="apresentacao__links">
                <a class="apresentacao__links__link" href="https://github.com/agenciadigitalslz">
                    <i class="fi fi-brands-github"></i>
                    Github
                </a>
                <a class="apresentacao__links__link" href="https://github.com/in/andre7lopes">
                    <i class="fi fi-brands-linkedin"></i>
                    Likedin
                </a>
                <a class="apresentacao__links__link" href="https://instagram.com/agenciadigitalslz">
                    <i class="fi fi-brands-instagram"></i>
                    Instagram
                </a>
            </div> 
        </section> 
    </main>    
    <footer class="rodape">
        <p>Desenvolvido por André Lopes - Alura ONE G8</p>
    </footer>
</body>
</html>

challenge

Olá, André, como vai?

Seu currículo está bem estruturado e mantém a consistência visual com a página principal, o que é uma ótima prática de usabilidade. O HTML está sem erros e bem organizado, com seções claras e semânticas.

Um pequeno ajuste que pode melhorar a acessibilidade e a semântica do código é evitar o uso de <p> dentro de <ul>. No seu caso, seria melhor envolver os itens dentro de <li> completos. No mais, seu código está bem feito e segue boas práticas. Parabéns pelo trabalho!

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado