<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Currículo - Mauro Cahú</title>
<!-- Você pode vincular um arquivo CSS externo se preferir -->
<link rel="stylesheet" href="styles/style.css">
<style>
/* Estilos modernos com cores discretas */
body {
font-family: Arial, sans-serif;
background-color: #f8f8f8;
margin: 0;
padding: 0;
color: #333;
}
header {
background-color: #444;
color: #fff;
padding: 15px 20px;
}
/* Menu de navegação */
header nav {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
header nav ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
}
header nav ul li {
margin: 0 15px;
}
header nav ul li a {
color: #fff;
text-decoration: none;
font-weight: bold;
padding: 8px 12px;
transition: background-color 0.3s;
}
header nav ul li a:hover {
background-color: #555;
border-radius: 4px;
}
header h1 {
text-align: center;
margin: 5px 0 0;
font-size: 24px;
}
main {
max-width: 800px;
margin: 20px auto;
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.perfil {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.perfil img {
width: 150px;
height: auto;
border-radius: 50%;
margin-right: 20px;
border: 3px solid #ddd;
}
section {
margin-bottom: 20px;
}
section h2 {
border-bottom: 2px solid #444;
padding-bottom: 5px;
margin-bottom: 10px;
font-size: 20px;
}
ul {
list-style: disc;
margin-left: 20px;
}
/* Botões para redes sociais */
.social-buttons {
margin-top: 15px;
}
.social-buttons a {
display: inline-block;
margin-right: 10px;
padding: 8px 12px;
background-color: #2c3e50;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s;
}
.social-buttons a:hover {
background-color: #1abc9c;
}
footer {
text-align: center;
padding: 10px;
background-color: #444;
color: #fff;
font-size: 14px;
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="sobre.html">SOBRE MIM</a></li>
<li><a href="curriculo.html">CURRÍCULO</a></li>
</ul>
</nav>
<h1>Currículo - Mauro Cahú</h1>
</header>
<main>
<!-- Seção de informações pessoais -->
<section class="perfil">
<img src="A-F.webp" alt="Minha Foto">
<div>
<h2>Mauro Cahú</h2>
<p>Email: seuemail@exemplo.com</p>
<p>Telefone: (00) 0000-0000</p>
<p>Endereço: Rua Exemplo, 123 - Cidade/Estado</p>
<div class="social-buttons">
<a href="https://www.linkedin.com/in/mauro-cahu" target="_blank">LinkedIn</a>
<a href="https://github.com/mauro-cahu" target="_blank">GitHub</a>
<a href="https://www.instagram.com/mauro-cahu" target="_blank">Instagram</a>
</div>
</div>
</section>
<!-- Seção de formação acadêmica -->
<section id="formacao">
<h2>Formação Acadêmica</h2>
<ul>
<li>Bacharelado em Engenharia da Computação - Universidade Exemplo (2015 - 2019)</li>
<li>Mestrado em Ciência de Dados - Universidade Exemplo (2020 - 2022)</li>
</ul>
</section>
<!-- Seção de experiência profissional -->
<section id="experiencia">
<h2>Experiência Profissional</h2>
<ul>
<li>Analista de Dados - Empresa Exemplo (2022 - Presente)</li>
<li>Estagiário em Desenvolvimento Web - Empresa Exemplo (2019 - 2020)</li>
</ul>
</section>
<!-- Seção de projetos -->
<section id="projetos">
<h2>Projetos</h2>
<ul>
<li>Projeto A: Desenvolvimento de uma aplicação web para gerenciamento de tarefas.</li>
<li>Projeto B: Criação de um sistema de análise de dados em tempo real.</li>
</ul>
</section>
</main>
<footer>
<p>© 2025 Mauro Cahú. Todos os direitos reservados.</p>
</footer>
</body>
</html>
