Desafio: crie uma página currículo! | HTML e CSS: cabeçalho, footer e variáveis CSS

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio</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>
        </nav>
    </header>

    <main class="apresentacao">
        <section class="apresentacao__conteudo">
            <h1 class="apresentacao__conteudo__titulo">Currículo</h1>
            <p class="apresentacao__conteudo__texto">
                Graduado em Gestão Hospitalar pela UNIFAMETRO (2015) e Pós-Graduado em Saúde Pública pela UECE (2019),
                tenho experiência na área de Saúde Coletiva
                e pretendo aplicar minhas habilidades e conhecimentos visando o desenvolvimento da organização, assim
                como, aprimorar-me profissionalmente e desenvolver
                me como indivíduo. Graduado em Análise e Desenvolvimento de Sistemas pela UNIFAMETRO (2021), posso atuar
                tanto na área de análise e desenvolvimento de
                software, administração de banco de dados e administração de redes, como na área de suporte em
                informática, desde a montagem e manutenção de
                computadores desktop, a instalação e configuração de sistema operacional e aplicativos.
            </p>
            <h2 class="apresentacao__conteudo__titulo">Experiências</h2>
            <ul class="apresentacao__conteudo__texto">
                <li> SESSA (2002 - 2017) - Analista de Sistemas </li>
                <li> DNOCS (Atualmente) - Analista de Sistemas </li>
            </ul>
            <h2 class="apresentacao__conteudo__titulo">Estudos</h2>
            <div class="apresentacao__conteudo__texto">
                <ul class="apresentacao__conteudo__texto">
                    <li> HTML e CSS: Classes, posicionamento e Flexbox. (Carga
                        horária: 8h).
                        AOVS Sistemas de Informática SA, ALURA, Brasil <a
                            href="https://cursos.alura.com.br/certificate/514d481f-0672-4903-a7b5-99fa5a9400ef?lang=pt_BR"
                            target="_blank">com certificado</a>
                    </li><br>
                    <li>Java: criando sua primeira API e conectando ao front. (Carga
                        horária: 10h).
                        AOVS Sistemas de Informática SA, ALURA, Brasil <a
                            href="https://cursos.alura.com.br/certificate/61ad70e7-ac8f-4a3a-a8ce-81399c001a60?lang=pt_BR"
                            target="_blank">com certificado</a>
                    </li><br>
                    <li>HTML e CSS: ambientes de desenvolvimento, estrutura de
                        arquivos e tags. (Carga horária: 8h).
                        AOVS Sistemas de Informática SA, ALURA, Brasil <a
                            href="https://cursos.alura.com.br/certificate/08a4b649-2d76-4381-b972-0c46e013fdb6?lang=pt_BR"
                            target="_blank">com certificado</a>
                    </li><br>
                </ul>
            </div>
        </section>
        <img src="./assets/foto.jpeg" alt="Foto da Harlen">
    </main>

    <footer class="rodape">
        <p>Desenvolvido por Harlen</p>
    </footer>
</body>

Oi, Harlen! Como vai?
Agradeço por compartilhar seu código com a comunidade Alura.

Gostei muito de como você estruturou a página do currículo com cabeçalho, navegação e rodapé bem definidos, deixando o conteúdo organizado e claro. Esse tipo de organização ajuda bastante na leitura do código e também na navegação da página.

Uma dica interessante para o futuro é usar listas sem a tag <br>, deixando o HTML mais limpo. Além disso, você pode explorar o uso do target="_blank" para abrir links em nova aba. Veja este exemplo:


<a href="https://www.alura.com.br" target="_blank">Visite a Alura</a>

Esse código cria um link que abre em outra aba, mantendo a página principal disponível.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!