Criei uma página currículo, estilizei com css e usando os conhecimentos passados ao longo das aulas, coloquei apenas algumas informações devido não caber tudo aqui. Espero que esteja de acordo com o desafio.
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../ex003/estilos-curriculo/style.css">
<title>Curriculo</title>
</head>
<body>
<header class="cabecalho">
<nav class="menu">
<a class="link-menu" href="index.html">Home</a>
<a class="link-menu" href="about.html">Sobre mim</a>
<a class="link-menu" href="#">Curriculo</a>
</nav>
</header>
<main class="apresentacao">
<section class="apresentacao__conteudo">
<h1 class="titulo">Matheus Lustosa Da Silva Costa</h1>
<h2 class="subtitulo">Escolaridade</h2>
<p class="sub-descricao">Ensino médio completo - Escola José de Alencar CE <br>
Ensino superior em andamento em Análise e desenvolvimento de sistemas - unifanor wyden</p>
<h1 class="titulo">Experiências</h1>
<h2 class="subtitulo">Operador de Telemarketing Receptivo</h2>
<p class="sub-descricao">
CONCENTRIX SERVICES BRASIL PARTICIPACOES LTDA · Tempo integral
ago de 2023 - jan de 2024 <br>
Atendimento ao cliente via chat sobre compras no mercado livre, auxiliando nas pendencias financeiras da compra realizada, fretes, datas de entregas, golpes e reembolsos. <br>
Competências: Resolução de problemas · Centrais de atendimento · Capacidade de adaptação · Comunicação
</p>
<hr>
<h1 class="titulo">Auxiliar de escritório em geral</h1>
<p class="sub-descricao">
MEDEIROS E ALENCAR PROJETOS E CONSTRUCAO DE EDIFICIOS LTDA · Tempo integral <br>
set de 2022 - fev de 2023 · 6 meses - Fortaleza, Ceará, Brasil · Presencial <br>
Realização de abertura de pastas de funcionários, veteranos e novatos, criação e alimentação de planilhas, pontos, realização de pagamentos de funcionários e parte do trabalho de Departamento Pessoal. <br>
Competências: Departamento pessoal · planilhas · Suporte administrativo · Capacidade de adaptação
</p>
</section>
</main>
</body>
</html>
CSS
@charset "UTF-8"
;@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,600;1,600&display=swap')
;* {
margin: 0px;
padding: 0px;
}
body {
/* height: 100vh; */
box-sizing: border-box;
background-color: black;
color: white;
}
.cabecalho {
padding: 2% 0% 0% 15%;
}
.menu {
display: flex;
gap: 80px;
}
.link-menu {
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 600;
color: #22d4fd;
text-decoration: none;
}
.titulo {
font-size: 36px;
font-family: "Krona One", sans-serif;
}
.subtitulo {
font-family: "Krona One", sans-serif;
font-weight: 400;
font-size: 24px;
}
.sub-descricao {
text-align: justify;
font-family: "Montserrat", sans-serif;
}
.apresentacao {
padding: 5% 15%;
display: flex;
align-items: center;
justify-content: space-between;
}
.apresentacao__conteudo {
width: 615px;
display: flex;
flex-direction: column;
gap: 40px;
}
