01.
<main class="apresentacao">
<section class="apresentacao__conteudo">
<div class="texto">
<h1 class="apresentacao__conteudo__titulo">Bem-vindo ao<br>meu portfólio</h1>
<h2>Isabel Trindade // <strong class="titulo-blog">Programadora de Sistemas</strong></h2>
<p class="apresentacao__conteudo__texto">
Sou estudante apaixonada por desenvolvimento front-end, com foco em <strong class="texto-destaque">REACT, HTML e CSS</strong>.
Busco criar interfaces web modernas, responsivas e intuitivas, sempre focando em uma experiência de usuário de alta qualidade.
Atualmente, estou participando do programa <strong class="texto-destaque2"> ONE - Oracle Next Education</strong>, onde estou aprimorando meus conhecimentos em tecnologias e práticas de desenvolvimento de software.
Estou empolgada para aplicar tudo o que aprendi em projetos desafiadores e inovadores.
</p>
</div>
<!-- Imagem ao lado do texto -->
<div class="imagem">
<img src="./assets/imagemisabel.jpeg" alt="minha" class="imagem-circular">
</div>
</section>
<section class="apresentacao__links">
<h3 class="apresentacao__links__subtitulo">Acesse minhas redes:</h3>
<a class="apresentacao__links__link" href="https://github.com/IsabelTr">
<img src="./assets/github.png"> GitHub
</a>
<a class="apresentacao__links__link" href="https://www.instagram.com/isabeltr_/">
<img src="./assets/instagram (1).png"> Instagram
</a>
<a class="apresentacao__links__link" href="https://www.linkedin.com/in/isabeltrindadearaujo/">
<img src="./assets/linkedin.png"> Linkedin
</a>
</section>
</main>
02.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sobre Mim</title>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header class="cabecalho">
<nav class="cabecalho__menu">
<a class="cabecalho__menu__links" href="index.html">Home </a>
<a class="cabecalho__menu__links" href="about.html"> Sobre Mim </a>
<a class="cabecalho__menu__links" href ="curriculum.html"> Curriculum Vitae </a>
</nav>
</header>
<main class="apresentacao">
<section class="apresentacao__conteudo">
<div class="apresentacao__texto">
<h1 class="apresentacao__conteudo__titulo">Quem Sou?</h1>
<p class="apresentacao__conteudo__texto__sobremim">
Graduada em Administração e atualmente estudante de Programação de Sistemas, com o objetivo de unir o melhor de dois mundos: a visão estratégica da gestão empresarial e o conhecimento técnico em desenvolvimento de sistemas. Acredito que essa combinação pode proporcionar soluções inovadoras, mais eficazes e inteligentes, capazes de otimizar processos, melhorar a performance organizacional e criar novas oportunidades em diversos setores.
</p>
<p class="apresentacao__conteudo__texto__sobremim">
Meu foco está em aplicar a tecnologia para impulsionar a transformação digital e otimizar a gestão das empresas, criando um impacto positivo e duradouro. Com uma abordagem ágil e orientada para resultados, busco contribuir para o crescimento sustentável das organizações, por meio de soluções tecnológicas que promovem eficiência, inovação e excelência nos negócios
</p>
</div>
<img src="./assets/imagem isabel formatura.jpeg" alt="minha" class="imagem-formatura">
</section>
</main>
<footer class="rodape">
<p> Desenvolvido por Isabel Trindade </p>
</footer>
</body>
</html>
03.
:root {
--cor-primaria:#3D8D7A;
--cor-secundaria:#B3D8A8;
--cor-terciaria:#FBFFE4;
--cor-paragrafo:#A3D1C6;
--cor-hover:#f9dee2;
--cor-rodape:#A3D1C6;
--fonte-primaria: 'Dancing Script', cursive;
}
04.
h2 {
color: var(--cor-terciaria);
font-size: 18px;
text-align: left;
font-weight: bold;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
margin: 10px 0; /* Ajuste a margem */
border-top: 2px solid var(--cor-terciaria);
border-bottom: 2px solid var(--cor-terciaria);
padding: 5px;
border-radius: 6px;
display: inline-block;
margin-left: -780px;
}
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!