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>Curriculo</title>
<link rel="stylesheet" href="./style/style.css">
</head>
<body>
<header class="cabecalho">
<nav class="cabecalho__menu">
<a class="cabecalho__menu__link" href="index.html">Home</a>
<a class="cabecalho__menu__link" href="about.html">Sobre mim</a>
<a class="cabecalho__menu__link" href="curriculo.html">Curriculo</a>
</nav>
</header>
<main class="apresentacao">
<section class="apresentacao__conteudo">
<h1 class="apresentacao__conteudo__titulo">Currículo</h1>
<p class="apresentacao__conteudo__texto">
Sou Thieres, formado em arquitetura e urbanismo, sempre gostei da área de TI, e encontrei na alura a oportunidade de aprender mais e mudar de carreira.
</p>
<h2 class="apresentacao__conteudo__titulo">Experiências</h2>
<p class="apresentacao__conteudo__texto">
<ul class="apresentacao__conteudo__texto">
<li> Estudante da alura desde janeiro de 2023 </li>
</ul>
</p>
<h2 class="apresentacao__conteudo__titulo">Estudos</h2>
<div class="apresentacao__conteudo__texto">
<ul class="apresentacao__conteudo__texto">
<li>Curso Lógica de programação: laços e listas com JavaScript - Alura Cursos <a href="https://cursos.alura.com.br/user/thieresrafael/course/javascript-listas-lacos/certificate">com certificado</a> </li>
<li>Curso Arquitetura de computadores: por trás de como seu programa funciona - Alura Cursos <a href="https://cursos.alura.com.br/user/thieresrafael/course/arquitetura-computadores-funcionamento-programa/certificate">com certificado</a></li>
<li>Curso Lógica de programação: comece em lógica com o jogo Pong e JavaScript - Alura Cursos <a href="https://cursos.alura.com.br/user/thieresrafael/course/pong-javascript/certificate">com certificado</a></li>
</ul>
</div>
</section>
<img src="./assets/imagem2.png" alt="Foto de Thieres Rafael" class="foto">
</main>
<footer>
<p class="nome__rodape">Desenvolvido por Thieres.</p>
</footer>
</body>
</html>
CSS
.apresentacao__conteudo__texto a{
text-decoration: none;
color: #22D4FD;
}
.foto {
width: 45%;
}