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%;
}