1
resposta

[Projeto] Botões

HTML

<!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>Potifolio de Stephanie</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <div class="titulo">
            <h1>Bem-vindo ao meu site</h1>
            <p>Eleve seu negócio digital a outro nível com um <span class="subtitulo">Front-end de qualidade!</span></p>
        </div>
    </header>

    <main class="conteudo">
        <section class="conteudo_apresentação">
            <h2 class="conteudo_apresentação_titulo">Eleve seu negócio digital a outro nível com um <strong>Front-end de
                    qualidade</strong></h2>
            <p class="conteudo_apresentação_texto">Olá! Sou Stephanie, designer e desenvolvedora Front-end com
                especialidade em React, HTML, CSS e Figma. Foco na criação de interfaces organizadas, responsivas e bem
                estruturadas. Tenho atenção aos detalhes e pensamento analítico, o que me permite evoluir rapidamente na
                área de tecnologia. Ajudo pequenos negócios a colocarem em prática boas ideias. Vamos conversar?</p>
            <div class="apresentacao_botoes">
                <a href="http://127.0.0.1:5500/index.html" class="btn">Instagram</a>
                <a href="http://127.0.0.1:5500/index.html" class="btn">Github</a>
            </div>
        </section>

        <img src="Imagem.png" alt="Foto profissional figma">
    </main>
    <footer>
        <p><strong>© 2026 - Desenvolvido por Stephanie</strong></p>
    </footer>
</body>

</html>

CSS

<!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>Potifolio de Stephanie</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <div class="titulo">
            <h1>Bem-vindo ao meu site</h1>
            <p>Eleve seu negócio digital a outro nível com um <span class="subtitulo">Front-end de qualidade!</span></p>
        </div>
    </header>

    <main class="conteudo">
        <section class="conteudo_apresentação">
            <h2 class="conteudo_apresentação_titulo">Eleve seu negócio digital a outro nível com um <strong>Front-end de
                    qualidade</strong></h2>
            <p class="conteudo_apresentação_texto">Olá! Sou Stephanie, designer e desenvolvedora Front-end com
                especialidade em React, HTML, CSS e Figma. Foco na criação de interfaces organizadas, responsivas e bem
                estruturadas. Tenho atenção aos detalhes e pensamento analítico, o que me permite evoluir rapidamente na
                área de tecnologia. Ajudo pequenos negócios a colocarem em prática boas ideias. Vamos conversar?</p>
            <div class="apresentacao_botoes">
                <a href="http://127.0.0.1:5500/index.html" class="btn">Instagram</a>
                <a href="http://127.0.0.1:5500/index.html" class="btn">Github</a>
            </div>
        </section>

        <img src="Imagem.png" alt="Foto profissional figma">
    </main>
    <footer>
        <p><strong>© 2026 - Desenvolvido por Stephanie</strong></p>
    </footer>
</body>

</html>
1 resposta

Olá, Stephanie! Como vai?

Parabéns pela resolução da atividade!

Observei que você explorou o uso do HTML para criar um portfólio, utilizou muito bem o CSS para estilizar os elementos da página e ainda compreendeu a importância da semântica para organizar o conteúdo de forma clara e acessível.

Continue postando as suas soluções, com certeza isso ajudará outros estudantes e tem grande relevância para o fórum.

Sugestão de conteúdo para você mergulhar ainda mais no tema:

Alguns materiais estão em inglês, mas é possível compreendê-los usando o recurso de tradução de páginas do próprio navegador.

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

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