<!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">
<link rel="stylesheet" href="./styles/style.css">
<title>by Anna ☆ - ME</title>
<link rel="icon" href="red star.png" type="image/png">
</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">About me</a>
</nav>
</header>
<main class="apresentacao">
<section class="apresentacao__conteudo">
<h1 class="apresentacao__conteudo__titulo">Quem sou... <strong class="apresentacao__conteudo__titulo__destaque">Anna?</strong></h1>
<hr class="regua">
<p class="apresentacao__conteudo__texto">Eu sou a Anna, por enquanto, apenas uma estudante, mas quero me tornar uma desenvolvedora <span class="apresentacao__conteudo__texto__destaque">Fullstack</span>. <br><br> Me acompanhe enquanto me aprimoro.</p>
<div class="apresentacao__links">
<h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
<div class="apresentacao__links__container">
<a href="https://github.com/annamatkow"
target="_blank"
class="apresentacao__links__link">
<img src="./assets/git.png" class="apresentacao__links__icone__github">
Github</a>
<a href="https://www.linkedin.com/in/anna-luiza-matkow-de-macedo-122186216/"
target="_blank"
class="apresentacao__links__link">
<img src="./assets/linkedin.png" class="apresentacao__links__icone__linkedin">
Linkedin</a>
</div>
</div>
</section>
<img src="./assets/cortada.jpg" alt="eu mesma, um desenho de uma mulher de cabelos vermelhos no pôr do sol" class="apresentacao__imagem">
</main>
<footer class="rodape">
<p>Desenvolvido por Anna Matkow</p>
</footer>
</body>
</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">
<link rel="stylesheet" href="./styles/style.css">
<title>About me - Anna ☆</title>
<link rel="icon" href="red star.png" type="image/png">
</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">About me</a>
</nav>
</header>
<main class="apresentacao">
<section class="apresentacao__conteudo">
<h1 class="apresentacao__conteudo__titulo">Aboute me</h1>
<hr class="regua">
<p class="apresentacao__conteudo__texto">Sou <span class="apresentacao__conteudo__texto__destaque">Anna Luiza Matkow</span>, estudante de Ciência da Computação e desenvolvedora Front-end em ascensão. Atualmente domino <span class="apresentacao__conteudo__texto__destaque">HTML e CSS</span> para criação de interfaces responsivas, e estou me aprofundando em <span class="apresentacao__conteudo__texto__destaque">JavaScript</span> como próximo passo na minha jornada para me tornar uma desenvolvedora Fullstack. Paralelamente, cultivo grande interesse por <span class="apresentacao__conteudo__texto__destaque">IA e Machine Learning</span>, áreas que pretendo explorar profissionalmente no futuro.</p>
<p class="apresentacao__conteudo__texto">Em um mundo onde muitos temem ser substituídos por IA, mantenho a convicção de que desenvolvedores qualificados e criativos sempre terão espaço. <span class="apresentacao__conteudo__texto__destaque">Minha meta é me tornar uma profissional tão versátil que minha capacidade de resolver problemas complexos e criar soluções inovadoras me torne indispensável</span>, independentemente das mudanças tecnológicas.</p>
</section>
<img src="./assets/cortada.jpg" alt="eu mesma, um desenho de uma mulher de cabelos vermelhos no pôr do sol" class="apresentacao__imagem">
</main>
<footer class="rodape">
<p>Desenvolvido por Anna Matkow</p>
</footer>
</body>
</html>
<!--aqui encerra index.html e inicia-se style.css-->