Spaces:

ictc
/

execuchic-pro-modern-executive-assistant

Running

App Files Files Community

ictc commited on 3 days ago

Commit

e7f3240

verified ·

1 Parent(s): fee11e0

🐳 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</

Browse files

Files changed (2) hide show

components/navbar.js +2 -0
cv.html +411 -0

components/navbar.js CHANGED Viewed

@@ -57,6 +57,7 @@ class CustomNavbar extends HTMLElement {
                         <a href="#pricing" class="nav-link text-gray-300 hover:text-white font-medium">Pricing</a>
                         <a href="#resources" class="nav-link text-gray-300 hover:text-white font-medium">Resources</a>
                         <a href="#contact" class="nav-link text-gray-300 hover:text-white font-medium">Contact</a>
 </div>
                     <div class="hidden md:flex items-center space-x-4">
@@ -77,6 +78,7 @@ Get Started
                     <a href="#pricing" class="w-full text-center py-2 text-gray-300 hover:text-white font-medium">Pricing</a>
                     <a href="#resources" class="w-full text-center py-2 text-gray-300 hover:text-white font-medium">Resources</a>
                     <a href="#contact" class="w-full text-center py-2 text-gray-300 hover:text-white font-medium">Contact</a>
                     <div class="w-full border-t border-gray-700 pt-4 flex flex-col space-y-4">
                         <a href="#" class="w-full text-center py-2 text-white font-medium">Log In</a>
                         <a href="#" class="w-full text-center py-2 bg-white text-black font-medium rounded-lg px-5 py-2.5 transition-all">

                         <a href="#pricing" class="nav-link text-gray-300 hover:text-white font-medium">Pricing</a>
                         <a href="#resources" class="nav-link text-gray-300 hover:text-white font-medium">Resources</a>
                         <a href="#contact" class="nav-link text-gray-300 hover:text-white font-medium">Contact</a>
+                        <a href="cv.html" class="nav-link text-gray-300 hover:text-white font-medium">CV</a>
 </div>
                     <div class="hidden md:flex items-center space-x-4">
                     <a href="#pricing" class="w-full text-center py-2 text-gray-300 hover:text-white font-medium">Pricing</a>
                     <a href="#resources" class="w-full text-center py-2 text-gray-300 hover:text-white font-medium">Resources</a>
                     <a href="#contact" class="w-full text-center py-2 text-gray-300 hover:text-white font-medium">Contact</a>
+                    <a href="cv.html" class="w-full text-center py-2 text-gray-300 hover:text-white font-medium">CV</a>
                     <div class="w-full border-t border-gray-700 pt-4 flex flex-col space-y-4">
                         <a href="#" class="w-full text-center py-2 text-white font-medium">Log In</a>
                         <a href="#" class="w-full text-center py-2 bg-white text-black font-medium rounded-lg px-5 py-2.5 transition-all">

cv.html ADDED Viewed

	@@ -0,0 +1,411 @@

+<!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>