1
resposta

Resultado do Exercício

Conforme Solicitado, ficou dessa forma a atividade final do Curso. HTML.

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8"><!--Corrige a questão de caracter especial, não bagunçar na digitação-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--Seleciona sempre a ultima versão do Edge-->
        <meta  name="viewport" content="width=device-width, initial-scale=1.0"><!--Organiza a tela para exibição em vários dispositivos.-->
        <title>Portifólio</title> <!--Apresenta o nome da Aba da pagina-->
        <link rel="stylesheet" href="Style.css">
    </head>
    <body>
        <header>

        </header>
        <main>
            <h1>Eleve seu negócio digital a outro nível <strong1> com um Front-end de qualidade!</strong1>
            </h1>
            <p>Olá! Sou Marcelo Kszani, desenvolvedor Front-end com especialidade em <span> React, HTML e CSS.</span> 
                Ajudo pequenos negócios e designers a colocarem em prática boas ideias. <strong2> Vamos conversar?</strong2>
            </p>
            <a href="https://www.instagram.com">Instagram</a>
            <a href="https://github.com/Kszani">GitHub</a>
            <img src="Imagem Informatica.jpeg" alt="Informática"><!--SRC = Selecionar o nome da imagem, atl= Nome em caso de a imagem não funcionar-->
        </main>
        <footer>

        </footer>
    </body>
</html>

CSS.

body {
    text-align: center;
    background: black;
    justify-content: center;
    align-items: flex-start;
}
h1{
    font-weight: bold;
    font-size: 36px;
    font-style: normal;
    color: white;
}
p {
    color: white;
    font-size: 20px;
    font-style: normal;    
}
strong1 {
    color: #22D4FD;
}
strong2 {
    font-weight: bold;
    color: white;
}

span {
    color: #22D4FD;
    border:2px solid #22D4FD; 
    padding: 1
    px;
}
a {
    display: inline-block;
    padding: 5px 10px;
    background-color: white;
    color: black ;
    border: 10px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 20px;
    transition: background-color 0.3s ease;
    margin: 10px 0 10px 0;
    max-width: 30%;
}
1 resposta

Oi Marcelo, tudo bem?

Que alegria ver seu projeto concluído e compartilhado aqui! Parabéns pelo esforço e dedicação, é muito gratificante ver o progresso dos estudantes.

Seu site está muito bem estruturado e é claro que você aplicou os conceitos de HTML e CSS que aprendeu no curso. Continue assim, sempre buscando mais conhecimento e aprimorando suas habilidades.

Lembre-se de que, além de compartilhar aqui no fórum, você também pode marcar a Alura nas redes sociais para que mais pessoas possam ver seu trabalho.

A Alura tem perfis em várias redes sociais, você pode encontrá-los aqui. E não se esqueça do nosso Discord de alunos da Alura.

Um abraço e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software