Entrar Ainda não tem acesso?
1
resposta

Portifólio 2

Referente ao curso HTML e CSS: cabeçalho, footer e variáveis CSS, no capítulo Aplicando variáveis CSS e atividade Lista de exercícios

por Viviane De Lima Noronha
| 33.3k xp | 71 posts
<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Sobre mim</title>
        <link rel="stylesheet" href="style.css">
    </head>

<body>
    <header class="cabecalho">
        <nav class="cabecalho__menu">
            <a class="cabecalho__menu__link">Home</a>
            <a class="cabecalho__menu__link">Sobre Mim</a>
        </nav>
    <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="portifolio.html">Portifólio</a>
        </nav>
    </header>
    <main class="apresentacao">
        <section class="apresentacao__conteudo">
        <h1 class="conteudo__titulo">Sobre mim</h1>
        <p class="conteudo__texto">Olá! Sou Viviane Lima, desenvolvedora Front-end com especialidade em <strong>React, HTML e CSS</strong>. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
</section>
        <img src="ViviaeLimaFoto.png" alt="Foto da Joana Santos programando" class="imagem-circular">
    </main>
    <footer Class="rodape">
        <p>Desenvolvido por Viviane Noronha.</p>
    </footer>
</body>
</html>
1 resposta
por Rafaela Petelin Silvério
| 765.4k xp | 1703 posts
Alura Scuba Team Monitora de Fórum

Oi, Viviane! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei de como você estruturou o cabeçalho e utilizou classes CSS para estilizar os elementos. A navegação está bem organizada, o que torna a experiência do usuário mais intuitiva.

Uma dica interessante é usar variáveis CSS para definir cores e reaproveitá-las no projeto. Assim, fica mais fácil manter um padrão visual. Por exemplo: 


:root {
    --cor-primaria: #3498db;
    --cor-secundaria: #2ecc71;
}

.cabecalho {
    background-color: var(--cor-primaria);
    color: white;
}

.rodape {
    background-color: var(--cor-secundaria);
    color: white;
}

Isso ajuda na manutenção do código e facilita alterações no futuro.

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