ictc's picture
🐳 13/05 - 18:34 - Vamos ajustar meu CV:<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Igor Tude — CV</
e7f3240 verified
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Igor Tude — CV</title>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--ink: #0f1923;
--sidebar: #0f1923;
--accent: #2a7fff;
--accent2: #5be2c4;
--muted: #8a9bb0;
--rule: rgba(255,255,255,0.10);
--tag-bg: rgba(42,127,255,0.12);
--tag-fg: #2a7fff;
--serif: 'DM Serif Display', Georgia, serif;
--sans: 'DM Sans', system-ui, sans-serif;
}
html, body {
background: #e8edf4;
font-family: var(--sans);
color: var(--ink);
font-size: 13px;
line-height: 1.6;
}
.shell {
display: grid;
grid-template-columns: 252px 1fr;
max-width: 880px;
margin: 28px auto;
box-shadow: 0 20px 70px rgba(0,0,0,.20);
border-radius: 12px;
overflow: hidden;
}
/* SIDEBAR */
.sidebar {
background: var(--sidebar);
color: #d4dce8;
padding: 36px 24px;
display: flex; flex-direction: column; gap: 24px;
}
.photo-wrap { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.photo {
width: 96px; height: 96px; border-radius: 50%;
object-fit: cover;
border: 3px solid rgba(91,226,196,.4);
box-shadow: 0 0 0 5px rgba(91,226,196,.08);
display: block;
}
.photo-fallback {
width: 96px; height: 96px; border-radius: 50%;
background: linear-gradient(135deg, var(--accent), var(--accent2));
display: none; align-items: center; justify-content: center;
font-family: var(--serif); font-size: 28px; color: #fff;
border: 3px solid rgba(91,226,196,.4);
}
.name-block { text-align: center; }
.name-block h1 { font-family: var(--serif); font-size: 20px; font-weight: 400; color: #fff; line-height: 1.25; }
.name-block .role { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--accent2); margin-top: 5px; font-weight: 600; }
.s-rule { border: none; border-top: 1px solid var(--rule); }
.s-section { display: flex; flex-direction: column; gap: 9px; }
.s-label { font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent2); font-weight: 700; margin-bottom: 3px; }
.contact-item { display: flex; align-items: flex-start; gap: 8px; font-size: 11.5px; color: #b0bfcf; line-height: 1.4; }
.contact-item .icon { width: 18px; height: 18px; flex-shrink: 0; background: rgba(255,255,255,.07); border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 9px; margin-top: 1px; }
.contact-item a { color: #b0bfcf; text-decoration: none; }
.contact-item a:hover { color: var(--accent2); }
.skill-group { margin-bottom: 5px; }
.skill-group-name { font-size: 10px; color: var(--muted); font-weight: 500; margin-bottom: 5px; }
.tags { display: flex; flex-wrap: wrap; gap: 4px; }
.tag { background: rgba(255,255,255,.07); color: #c8d4e4; font-size: 10px; padding: 2px 7px; border-radius: 4px; }
.tag.hl { background: rgba(42,127,255,.22); color: #7fbfff; }
.lang-bar { display: flex; flex-direction: column; gap: 8px; }
.lang-row { display: flex; flex-direction: column; gap: 3px; }
.lang-top { display: flex; justify-content: space-between; align-items: baseline; }
.lang-name { font-size: 11.5px; color: #d4dce8; font-weight: 500; }
.lang-level { font-size: 9.5px; color: var(--accent2); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.lang-dots { display: flex; gap: 3px; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.14); }
.dot.on { background: var(--accent2); }
.avail { background: rgba(91,226,196,.08); border: 1px solid rgba(91,226,196,.22); border-radius: 8px; padding: 10px 12px; font-size: 11px; color: var(--accent2); text-align: center; line-height: 1.5; }
.avail strong { display: block; font-weight: 700; margin-bottom: 2px; font-size: 11.5px; }
/* MAIN */
.main { background: #fff; padding: 36px 34px 42px; display: flex; flex-direction: column; gap: 24px; }
.about-text { font-size: 12.5px; color: #374151; line-height: 1.75; border-left: 3px solid var(--accent2); padding-left: 13px; }
.section { display: flex; flex-direction: column; gap: 13px; }
.section-head { display: flex; align-items: center; gap: 9px; }
.section-head h2 { font-family: var(--serif); font-size: 15.5px; font-weight: 400; color: var(--ink); white-space: nowrap; }
.section-line { flex: 1; height: 1px; background: linear-gradient(90deg, #dde3ec, transparent); }
.section-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
.exp-item { display: flex; flex-direction: column; gap: 5px; }
.exp-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
.exp-title { font-size: 12.5px; font-weight: 600; color: var(--ink); }
.exp-company { font-size: 12px; color: var(--accent); font-weight: 500; text-decoration: none; }
.exp-company:hover { text-decoration: underline; }
.exp-date { font-size: 11px; color: var(--muted); font-style: italic; white-space: nowrap; }
.exp-meta { display: flex; align-items: center; gap: 6px; }
ul.bullets { list-style: none; display: flex; flex-direction: column; gap: 3px; }
ul.bullets li { display: flex; gap: 7px; font-size: 12px; color: #374151; line-height: 1.55; }
ul.bullets li::before { content: "▸"; color: var(--accent); font-size: 9px; margin-top: 4px; flex-shrink: 0; }
.tech-row { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
.tech { background: var(--tag-bg); color: var(--tag-fg); font-size: 10px; font-weight: 500; padding: 2px 7px; border-radius: 4px; }
.exp-divider { border: none; border-top: 1px dashed #edf0f5; margin: 5px 0; }
.edu-list { display: flex; flex-direction: column; gap: 10px; }
.edu-item { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.edu-left { display: flex; flex-direction: column; gap: 1px; }
.edu-degree { font-size: 12.5px; font-weight: 600; color: var(--ink); }
.edu-inst { font-size: 11.5px; color: var(--muted); }
.edu-note { font-size: 11px; color: var(--accent2); font-style: italic; }
.edu-date { font-size: 11px; color: var(--muted); font-style: italic; white-space: nowrap; }
.cert-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 18px; }
.cert-item { display: flex; flex-direction: column; gap: 1px; }
.cert-name { font-size: 12px; color: var(--ink); font-weight: 500; }
.cert-meta { font-size: 10.5px; color: var(--muted); }
/* Back link */
.back-link {
display: inline-flex; align-items: center; gap: 6px;
text-decoration: none; color: var(--accent); font-weight: 500;
font-size: 13px; margin: 20px auto 0; max-width: 880px;
padding: 0 4px; transition: color 0.2s;
}
.back-link:hover { color: var(--accent2); }
/* RESPONSIVE */
@media (max-width: 720px) {
.shell {
grid-template-columns: 1fr;
margin: 12px;
border-radius: 8px;
}
.sidebar {
padding: 28px 20px;
}
.main {
padding: 24px 20px 32px;
}
.cert-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
html, body { font-size: 12px; }
.shell { margin: 0; border-radius: 0; box-shadow: none; }
.sidebar { padding: 24px 16px; }
.main { padding: 20px 16px 28px; }
.name-block h1 { font-size: 18px; }
.exp-header { flex-direction: column; gap: 2px; }
.edu-item { flex-direction: column; gap: 2px; }
.edu-date { white-space: normal; }
.section-head h2 { font-size: 14px; }
.about-text { font-size: 12px; }
}
@media print {
html, body { background: #fff; font-size: 11.5px; }
.shell { margin: 0; box-shadow: none; border-radius: 0; max-width: 100%; }
.sidebar { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
.main { padding: 28px 32px 32px; }
.back-link { display: none; }
a { text-decoration: none !important; }
}
@page { size: A4; margin: 0; }
</style>
</head>
<body>
<a href="index.html" class="back-link">← Voltar ao site</a>
<div class="shell">
<aside class="sidebar">
<div class="photo-wrap">
<img class="photo"
src="https://raw.githubusercontent.com/igortude/igortude.github.io/main/foto.jpeg"
alt="Igor Tude"
onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
<div class="photo-fallback">IT</div>
<div class="name-block">
<h1>Igor Tude</h1>
<div class="role">Ciência de Dados · Dev Python</div>
</div>
</div>
<hr class="s-rule">
<div class="s-section">
<div class="s-label">Contato</div>
<div class="contact-item"><div class="icon"></div><span>igortude@hotmail.com</span></div>
<div class="contact-item"><div class="icon"></div><span>(31) 99999-9753</span></div>
<div class="contact-item"><div class="icon">📍</div><span>Belo Horizonte, MG<br>Remoto disponível</span></div>
<div class="contact-item"><div class="icon">in</div><a href="https://www.linkedin.com/in/igor-tude-309480299/" target="_blank">linkedin.com/in/igor-tude</a></div>
<div class="contact-item"><div class="icon"></div><a href="https://igortude.github.io" target="_blank">igortude.github.io</a></div>
<div class="contact-item"><div class="icon">{}</div><a href="https://github.com/igortude" target="_blank">github.com/igortude</a></div>
</div>
<hr class="s-rule">
<div class="s-section">
<div class="s-label">Habilidades</div>
<div class="skill-group">
<div class="skill-group-name">Linguagens</div>
<div class="tags">
<span class="tag hl">Python</span><span class="tag hl">SQL</span>
<span class="tag">JavaScript</span><span class="tag">TypeScript</span><span class="tag">PHP</span>
</div>
</div>
<div class="skill-group">
<div class="skill-group-name">Dados & BI</div>
<div class="tags">
<span class="tag hl">Pandas</span><span class="tag hl">Scikit-learn</span>
<span class="tag">NumPy</span><span class="tag">Streamlit</span>
<span class="tag">Power BI</span><span class="tag">DAX</span>
</div>
</div>
<div class="skill-group">
<div class="skill-group-name">Web & Apps</div>
<div class="tags">
<span class="tag">React</span><span class="tag">Next.js</span>
<span class="tag">Node.js</span><span class="tag">HTML/CSS</span>
</div>
</div>
<div class="skill-group">
<div class="skill-group-name">IA & Automação</div>
<div class="tags">
<span class="tag hl">LLMs / RAG</span><span class="tag">Playwright</span>
<span class="tag">Puppeteer</span><span class="tag">APIs / OAuth</span>
</div>
</div>
<div class="skill-group">
<div class="skill-group-name">Infra & Banco</div>
<div class="tags">
<span class="tag">Git / GitHub</span><span class="tag">SQLite</span>
<span class="tag">MySQL</span><span class="tag">Linux</span>
</div>
</div>
</div>
<hr class="s-rule">
<div class="s-section">
<div class="s-label">Idiomas</div>
<div class="lang-bar">
<div class="lang-row">
<div class="lang-top"><span class="lang-name">Português</span><span class="lang-level">Nativo</span></div>
<div class="lang-dots"><div class="dot on"></div><div class="dot on"></div><div class="dot on"></div><div class="dot on"></div><div class="dot on"></div></div>
</div>
<div class="lang-row">
<div class="lang-top"><span class="lang-name">Inglês</span><span class="lang-level">Fluente</span></div>
<div class="lang-dots"><div class="dot on"></div><div class="dot on"></div><div class="dot on"></div><div class="dot on"></div><div class="dot"></div></div>
</div>
<div class="lang-row">
<div class="lang-top"><span class="lang-name">Francês</span><span class="lang-level">Intermediário</span></div>
<div class="lang-dots"><div class="dot on"></div><div class="dot on"></div><div class="dot on"></div><div class="dot"></div><div class="dot"></div></div>
</div>
<div class="lang-row">
<div class="lang-top"><span class="lang-name">Alemão</span><span class="lang-level">Intermediário</span></div>
<div class="lang-dots"><div class="dot on"></div><div class="dot on"></div><div class="dot on"></div><div class="dot"></div><div class="dot"></div></div>
</div>
<div class="lang-row">
<div class="lang-top"><span class="lang-name">Holandês</span><span class="lang-level">Intermediário</span></div>
<div class="lang-dots"><div class="dot on"></div><div class="dot on"></div><div class="dot on"></div><div class="dot"></div><div class="dot"></div></div>
</div>
</div>
</div>
<hr class="s-rule">
<div class="avail">
<strong>🟢 Disponível</strong>
Estágio · Remoto ou BH<br>Disponibilidade imediata
</div>
</aside>
<main class="main">
<section class="section">
<div class="section-head"><div class="section-dot"></div><h2>Sobre</h2><div class="section-line"></div></div>
<p class="about-text">
Sou personal trainer com mais de 10 anos de experiência — incluindo passagem por Amsterdam — e estou em transição estruturada para Ciência de Dados. Tenho formação em Direito e Educação Física, e curso Tecnólogo em Ciência de Dados na Anhanguera. Em paralelo, desenvolvi projetos práticos em Python: um sistema de gestão multiplataforma comercializado, dashboards analíticos e automações com apoio de ferramentas de IA. Busco estágio para consolidar essa transição em ambiente corporativo e continuar evoluindo na área.
</p>
</section>
<section class="section">
<div class="section-head"><div class="section-dot"></div><h2>Experiência em TI</h2><div class="section-line"></div></div>
<div class="exp-item">
<div class="exp-header">
<div>
<div class="exp-title">Freelancer — Desenvolvimento &amp; Dados</div>
<div class="exp-meta"><a class="exp-company" href="https://ctnolimits.com.br" target="_blank">CT No Limits</a></div>
</div>
<span class="exp-date">2024 – Presente</span>
</div>
<ul class="bullets">
<li>Desenvolveu e comercializou sistema de gestão completo em Python com módulos de alunos, agendamentos, cursos e check-in — multiplataforma (Windows e macOS)</li>
<li>Construiu site institucional da empresa (HTML / CSS / JS)</li>
<li>Criou dashboards analíticos em Streamlit e Power BI para apoio à tomada de decisão da diretoria</li>
<li>Automatizou pipelines de processamento de dados, reduzindo trabalho manual repetitivo</li>
</ul>
<div class="tech-row">
<span class="tech">Python</span><span class="tech">SQLite</span><span class="tech">Streamlit</span>
<span class="tech">Power BI</span><span class="tech">HTML/CSS/JS</span><span class="tech">Git</span>
</div>
</div>
<hr class="exp-divider">
<div class="exp-item">
<div class="exp-header">
<div>
<div class="exp-title">Analista de Suporte (TI)</div>
<div class="exp-meta"><a class="exp-company" href="https://kirznerdobrasil.com.br" target="_blank">Kirzner do Brasil</a></div>
</div>
<span class="exp-date">2017 – 2018</span>
</div>
<ul class="bullets">
<li>Administração de servidores de hospedagem em parceria com equipe da Small Orange</li>
<li>Manutenção de banco de dados e desenvolvimento de funcionalidades em PHP</li>
<li>Suporte técnico a clientes e gestão de chamados</li>
</ul>
<div class="tech-row">
<span class="tech">PHP</span><span class="tech">MySQL</span><span class="tech">Linux</span>
</div>
</div>
</section>
<section class="section">
<div class="section-head"><div class="section-dot"></div><h2>Experiência Atual</h2><div class="section-line"></div></div>
<div class="exp-item">
<div class="exp-header">
<div>
<div class="exp-title">Personal Trainer &amp; Instrutor de Musculação</div>
<div class="exp-meta"><span class="exp-company">Autônomo — BH e região</span></div>
</div>
<span class="exp-date">2010 – Presente</span>
</div>
<ul class="bullets">
<li>Gestão de carteira de clientes com acompanhamento individualizado de metas e resultados</li>
<li>Experiência internacional: FitnessCentrum CCM, Amsterdam (Holanda)</li>
<li>Coordenação de equipe e organização administrativa na CT No Limits</li>
</ul>
</div>
</section>
<section class="section">
<div class="section-head"><div class="section-dot"></div><h2>Formação</h2><div class="section-line"></div></div>
<div class="edu-list">
<div class="edu-item">
<div class="edu-left">
<div class="edu-degree">Tecnólogo em Ciência de Dados</div>
<div class="edu-inst">Universidade Anhanguera</div>
<div class="edu-note">1º Semestre em andamento</div>
</div>
<div class="edu-date">2026 – 2028</div>
</div>
<div class="edu-item">
<div class="edu-left">
<div class="edu-degree">Bacharel em Educação Física</div>
<div class="edu-inst">UNOPAR — CREF 046189-G/MG</div>
</div>
<div class="edu-date">Concluído</div>
</div>
<div class="edu-item">
<div class="edu-left">
<div class="edu-degree">Bacharel em Direito</div>
<div class="edu-inst">Estácio de Sá</div>
</div>
<div class="edu-date">Concluído</div>
</div>
</div>
</section>
<section class="section">
<div class="section-head"><div class="section-dot"></div><h2>Cursos &amp; Certificações em Dados</h2><div class="section-line"></div></div>
<div class="cert-grid">
<div class="cert-item"><div class="cert-name">Introdução ao ML com Python</div><div class="cert-meta">USP / ESALQ · 2026</div></div>
<div class="cert-item"><div class="cert-name">Formação em Ciência de Dados</div><div class="cert-meta">Data Science Academy · 2026</div></div>
<div class="cert-item"><div class="cert-name">Análise de Dados e BI</div><div class="cert-meta">GranFaculdades · 2026</div></div>
<div class="cert-item"><div class="cert-name">SQL para Dados</div><div class="cert-meta">TeoMeWhy · 2025 – 2026</div></div>
<div class="cert-item"><div class="cert-name">Python para Dados</div><div class="cert-meta">TeoMeWhy · 2025 – 2026</div></div>
<div class="cert-item"><div class="cert-name">Introdução a Ciência de Dados</div><div class="cert-meta">FGV · 2025</div></div>
<div class="cert-item"><div class="cert-name">Estatística Básica</div><div class="cert-meta">TeoMeWhy · 2025</div></div>
</div>
</section>
</main>
</div>
</body>
</html>