1
resposta

11 Lista de exercícios | Estrutura HTML do portfólio

Meu código e o portifólio em no nome da minha filha, rs.

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfólio de Marisol Silva</title>
</head>
<body>
    <header>
        <nav>
            <img src="logo.svg" alt="Logo Marisol Silva Dev">
        </nav>
    </header>

    <main>
        <section class="hero">
            <h1>Olá, eu sou <strong>Marisol Silva</strong></h1>
            <h2>Desenvolvedora Front-End & UI Designer</h2>
            
            <p>Transformo ideias em experiências digitais impactantes. Com 5 anos de experiência em desenvolvimento web, especializei-me em criar interfaces intuitivas e responsivas que unem funcionalidade e estética.</p>
            
            <a href="https://instagram.com/marisol.dev" target="_blank" rel="noopener">
                Instagram
            </a>
            <a href="https://github.com/marisol-dev" target="_blank" rel="noopener">
                GitHub
            </a>
            
            <img src="foto-perfil.jpg" alt="Marisol Silva sorrindo em seu workspace com notebook e xícara de café">
        </section>
    </main>

    <footer>
        <p>Contato: contato@marisolsilva.dev • © 2024 Todos os direitos reservados</p>
    </footer>
</body>
</html>
1 resposta

Oi, Rafael! Como vai?

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

Gostei de como você estruturou o HTML do portfólio, especialmente a organização semântica das tags. O uso de <header>, <main> e <footer> deixa o código mais acessível e organizado.

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!

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

bons estudos