1
resposta

[Projeto] Mão na massa !

  • HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Curriculo</title>
</head>
<body>
    <header>
        <ul>
            <li><a href=".">Sobre mim</a></li>
            <li><a href=".">Contato</a></li>
        </ul>
    </header>
    <hr>
    <main>
        <h1><strong>Impulsionando o seu negocio!</strong></h1>
        <p>Olá! Meu nome é João Pedro, desenvolvedor Front-end com especialidade em HTML e CSS. Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
        <a href="https://linkedin.com/in/joão-pedro-césario-994940237">Linkedin</a>
        <a href="https://github.com/Jpcnjp">Github</a>
        <img src="Eu.jpg" alt="Foto do João Pedro">
    </main>
    <hr>
    <footer>
        <h3>Desenvolvido por João Pedro.</h3>
        <p>Contato : 21 999999999</p>
    </footer>
</body>
</html>
  • CSS
body {
    background-color: #000000;
    color: #00FF00;
    text-align: center;
}

ul, a {
    list-style-type: none;
    text-decoration: none;
    color: #00FF00;
}

hr {
    background-color: #ffffff;
    height: 2px;
}

img {
    width: 30%;
}

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

1 resposta

Olá, João! Tudo certo?

Parabéns pelo comprometimento em fazer os exercícios! Você escolheu uma paleta de cores bem contrastante, com um fundo preto (#000000) e texto em verde brilhante (#00FF00). Os textos ficaram muito legíveis. Obrigada por compartilhar seu projeto com a gente :)

Continue assim e caso tenha alguma dúvida, estou à disposição!

Bons estudos!