Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Minha Solução] - Lista de exercícios

Durante a atividade, realizei pesquisas para implementar a estilização (CSS), para deixar a página com mais detalhes, como cor de fundo, cores dos textos e também arredondamento dos botões. Segue resultado abaixo:


<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio - Carlos Arten</title>
    <style>
        body{
            background-color: black;
        }

        h1{
            text-align: center;
            background-color: azure;
        }

        button{
            border-radius: 7px;
        }
    </style>
</head>
<body>
    <header></header>
    <main>
        <h1>Eleve seu negócio digital a outro nível
            <strong style="color: blue;">com com um Front-end de qualidade!</strong></h1>
            <br>
            <p style="text-align:center; color: rgb(112, 216, 92);">Olá! Sou Carlos Arten, analista de sistemas, requisitos e qualidade de software, e atualmente estudando Back e Front-end
                pela Alura.
                Estou estudando sobre desenvolvimento de software, para ter maiores possibilidades de realizar 
                interações com qualidade entre as equipes dos projetos.
                <br>
                Vamos conversar?</p>
                <br><br>
                <div style="text-align: center;">
                    <img src="imagem.png" alt="Foto do desenvolvedor programando">
                </div>                
                <br><br><br>                
                <div style="text-align: center;">
                    <br><br>
                    <p style="color: rgb(112, 216, 92);">Entre em contato através dos links abaixo:</p>
                    <a href="https://www.linkedin.com/in/carloseduardoarten" target="_blank"><button>LinkedIn</button></a>
                    &nbsp;&nbsp;&nbsp;
                    <a href="https://github.com/artencarlos" target="_blank"><button>GitHub</button></a>
                </div>                
    </main>
    <footer>
        <div style="text-align: center;">
            <br><br><br><br><br>
            <p style="color: rgb(112, 216, 92);">Development by - Carlos</p>
            <h6 style="font-size: small; color: rgb(112, 216, 92);">All rights reserved - 2025</h6>
        </div>
    </footer>
</body>
</html>

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta
solução!

E aí, Carlos! Tudo bem?

Parabéns! Mantenha o ritmo nos exercícios e continue compartilhando na nossa comunidade.

Percebi que você dominou o uso de estruturação semântica com main, header e footer. Também aplicou muito bem o estilo inline para destacar conteúdos importantes e ainda entendeu a relevância de botões com links externos para criar interações úteis na página.

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

Ícone de sugestão Para saber mais:

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

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!