Caio02/mindsync-portfolio
0
1<!DOCTYPE html>2<html lang="pt-BR">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Janne Geórgia Rodrigues Odilon Lopes - Psicóloga</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>12 <style>13 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;500;600&display=swap');14 15 body {16 font-family: 'Inter', sans-serif;17 scroll-behavior: smooth;18 }19 20 .title-font {21 font-family: 'Playfair Display', serif;22 }23 24 .vanta-bg {25 position: fixed;26 top: 0;27 left: 0;28 width: 100%;29 height: 100%;30 z-index: -1;31 }32 33 .glass-effect {34 background: rgba(255, 255, 255, 0.85);35 backdrop-filter: blur(10px);36 border-radius: 20px;37 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);38 }39 40 .gradient-text {41 background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);42 -webkit-background-clip: text;43 -webkit-text-fill-color: transparent;44 background-clip: text;45 }46 47 .floating {48 animation: float 6s ease-in-out infinite;49 }50 51 @keyframes float {52 0% { transform: translateY(0px); }53 50% { transform: translateY(-20px); }54 100% { transform: translateY(0px); }55 }56 57 .timeline-item {58 position: relative;59 padding-left: 2rem;60 border-left: 3px solid #667eea;61 margin-left: 1rem;62 }63 64 .timeline-item::before {65 content: '';66 position: absolute;67 left: -10px;68 top: 0;69 width: 16px;70 height: 16px;71 border-radius: 50%;72 background: #764ba2;73 }74 </style>75</head>76<body class="bg-gray-50 min-h-screen">77 <div id="vanta-bg" class="vanta-bg"></div>78 79 <nav class="fixed w-full z-50 bg-white/90 backdrop-blur-sm shadow-sm">80 <div class="container mx-auto px-6 py-4">81 <div class="flex justify-between items-center">82 <h1 class="title-font text-2xl font-bold gradient-text">Geórgia</h1>83 <div class="hidden md:flex space-x-8">84 <a href="#about" class="text-gray-700 hover:text-purple-600 transition-colors">Sobre</a>85 <a href="#experience" class="text-gray-700 hover:text-purple-600 transition-colors">Experiência</a>86 <a href="#skills" class="text-gray-700 hover:text-purple-600 transition-colors">Habilidades</a>87 <a href="#contact" class="text-gray-700 hover:text-purple-600 transition-colors">Contato</a>88 </div>89 </div>90 </div>91 </nav>92 93 <main class="container mx-auto px-6 pt-24 pb-20">94 <!-- Hero Section -->95 <section class="glass-effect p-8 md:p-12 mb-16">96 </div>97 <div class="text-center md:text-left">98 <h1 class="title-font text-4xl md:text-5xl font-bold text-gray-800 mb-2">Janne Geórgia Rodrigues Odilon Lopes</h1>99 <h2 class="text-2xl md:text-3xl text-purple-600 mb-4">Psicóloga Clínica</h2>100 <div class="flex flex-col md:flex-row items-center justify-center md:justify-start space-y-2 md:space-y-0 md:space-x-6 text-gray-600">101 <div class="flex items-center">102 <i data-feather="map-pin" class="w-5 h-5 mr-2"></i>103 <span>Montes Claros - MG</span>104 </div>105 <div class="flex items-center">106 <i data-feather="phone" class="w-5 h-5 mr-2"></i>107 <span>(38) 98847-9402</span>108 </div>109 <div class="flex items-center">110 <i data-feather="mail" class="w-5 h-5 mr-2"></i>111 <a href="mailto:jannegeorgia21@gmail.com" class="hover:text-purple-600">jannegeorgia21@gmail.com</a>112 </div>113 </div>114 </div>115 </div>116 </section>117 118 <!-- Professional Summary -->119 <section id="about" class="glass-effect p-8 md:p-12 mb-16">120 <h2 class="title-font text-3xl font-bold text-gray-800 mb-6 gradient-text">Resumo Profissional</h2>121 <p class="text-gray-700 leading-relaxed text-lg">122 Formação em Psicologia pelo Centro Universitário FUNORTE, com experiência em atendimento ao público, 123 organização de agendamentos e suporte administrativo. Ao longo da minha trajetória, desenvolvi habilidades 124 em escuta ativa, gestão de prontuários e atendimento, com foco no acolhimento e no suporte aos clientes. 125 Também tenho experiência na articulação com redes de apoio e no fortalecimento de vínculos, o que me permite 126 lidar com situações diversas de forma empática e eficaz. Sou proficiente em sistemas informatizados, 127 comunicação clara e trabalho em equipe, e busco aplicar essas habilidades para contribuir com um atendimento 128 de qualidade e organização no ambiente de recepção.129 </p>130 </section>131 132 <!-- Experience -->133 <section id="experience" class="glass-effect p-8 md:p-12 mb-16">134 <h2 class="title-font text-3xl font-bold text-gray-800 mb-8 gradient-text">Experiência Profissional</h2>135 136 <div class="space-y-8">137 <div class="timeline-item">138 <h3 class="text-xl font-semibold text-gray-800">Recepcionista – Clínica Médica</h3>139 <p class="text-purple-600 mb-4">2025</p>140 <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">141 <li>Atendimento ao público presencial e telefônico</li>142 <li>Agendamento de consultas e exames</li>143 <li>Organização de prontuários e cadastros em sistema informatizado</li>144 <li>Emissão de pedidos, notas e recibos</li>145 </ul>146 </div>147 148 <div class="timeline-item">149 <h3 class="text-xl font-semibold text-gray-800">Psicóloga Clínica – Centro de Referência da Assistência Social (CRAS)</h3>150 <p class="text-purple-600 mb-4">Icaraí de Minas/MG — 2023-2024</p>151 <ul class="list-disc list-inside text-gray-700 space-y-2 ml-4">152 <li>Realização de atendimentos individuais e em grupo</li>153 <li>Acolhimento e escuta ativa de famílias em situação de vulnerabilidade</li>154 <li>Solicitação e acompanhamento de benefícios assistenciais e serviços públicos</li>155 <li>Fortalecimento dos vínculos familiares e comunitários</li>156 <li>Articulação com órgãos e instituições parceiras para garantir direitos</li>157 </ul>158 </div>159 </div>160 </section>161 162 <!-- Education -->163 <section class="glass-effect p-8 md:p-12 mb-16">164 <h2 class="title-font text-3xl font-bold text-gray-800 mb-8 gradient-text">Formação Acadêmica</h2>165 <div class="timeline-item">166 <h3 class="text-xl font-semibold text-gray-800">Graduação em Psicologia</h3>167 <p class="text-purple-600">Centro Universitário FUNORTE — 2018-2022</p>168 </div>169 </section>170 171 <!-- Skills -->172 <section id="skills" class="glass-effect p-8 md:p-12 mb-16">173 <h2 class="title-font text-3xl font-bold text-gray-800 mb-8 gradient-text">Habilidades e Competências</h2>174 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">175 <div class="bg-purple-100 rounded-lg p-4 text-center">176 <i data-feather="users" class="w-8 h-8 mx-auto mb-2 text-purple-600"></i>177 <p class="font-semibold">Trabalho em equipe multidisciplinar</p>178 </div>179 <div class="bg-purple-100 rounded-lg p-4 text-center">180 <i data-feather="heart" class="w-8 h-8 mx-auto mb-2 text-purple-600"></i>181 <p class="font-semibold">Relacionamento interpessoal</p>182 </div>183 <div class="bg-purple-100 rounded-lg p-4 text-center">184 <i data-feather="target" class="w-8 h-8 mx-auto mb-2 text-purple-600"></i>185 <p class="font-semibold">Proatividade e organização</p>186 </div>187 <div class="bg-purple-100 rounded-lg p-4 text-center">188 <i data-feather="message-circle" class="w-8 h-8 mx-auto mb-2 text-purple-600"></i>189 <p class="font-semibold">Comunicação clara</p>190 </div>191 <div class="bg-purple-100 rounded-lg p-4 text-center">192 <i data-feather="monitor" class="w-8 h-8 mx-auto mb-2 text-purple-600"></i>193 <p class="font-semibold">Sistemas informatizados</p>194 </div>195 <div class="bg-purple-100 rounded-lg p-4 text-center">196 <i data-feather="briefcase" class="w-8 h-8 mx-auto mb-2 text-purple-600"></i>197 <p class="font-semibold">Pacote Office</p>198 </div>199 </div>200 </section>201 202 <!-- Courses -->203 <section class="glass-effect p-8 md:p-12 mb-16">204 <h2 class="title-font text-3xl font-bold text-gray-800 mb-8 gradient-text">Cursos Complementares</h2>205 <div class="space-y-4">206 <div class="bg-white rounded-lg p-4 shadow-sm">207 <h3 class="font-semibold text-gray-800">Gestão Estratégica em Serviços Administrativos</h3>208 <p class="text-purple-600">CEPRO – 48h – 2016</p>209 </div>210 <div class="bg-white rounded-lg p-4 shadow-sm">211 <h3 class="font-semibold text-gray-800">Informática Básica</h3>212 <p class="text-purple-600">Compuway – 107h – 2012</p>213 </div>214 </div>215 </section>216 217 <!-- Contact -->218 <section id="contact" class="glass-effect p-8 md:p-12">219 <h2 class="title-font text-3xl font-bold text-gray-800 mb-8 gradient-text">Entre em Contato</h2>220 <div class="grid grid-cols-1 md:grid-cols-2 gap-8">221 <div class="space-y-4">222 <div class="flex items-center">223 <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mr-4">224 <i data-feather="phone" class="text-purple-600"></i>225 </div>226 <div>227 <p class="font-semibold">Telefone</p>228 <p class="text-gray-600">(38) 98847-9402</p>229 </div>230 </div>231 <div class="flex items-center">232 <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mr-4">233 <i data-feather="mail" class="text-purple-600"></i>234 </div>235 <div>236 <p class="font-semibold">Email</p>237 <p class="text-gray-600">jannegeorgia21@gmail.com</p>238 </div>239 </div>240 <div class="flex items-center">241 <div class="w-12 h-12 rounded-full bg-purple-100 flex items-center justify-center mr-4">242 <i data-feather="map-pin" class="text-purple-600"></i>243 </div>244 <div>245 <p class="font-semibold">Localização</p>246 <p class="text-gray-600">Montes Claros - MG</p>247 </div>248 </div>249 </div>250 <form class="space-y-4">251 </div>252 </section>253 </main>254 255 <footer class="bg-gray-800 text-white py-8">256 <div class="container mx-auto px-6 text-center">257 <p>© 2025 Janne Geórgia Rodrigues Odilon Lopes. Todos os direitos reservados.</p>258 <div class="flex justify-center space-x-4 mt-4">259 <a href="#" class="hover:text-purple-400 transition-colors">260 <i data-feather="linkedin"></i>261 </a>262 <a href="#" class="hover:text-purple-400 transition-colors">263 <i data-feather="instagram"></i>264 </a>265 <a href="#" class="hover:text-purple-400 transition-colors">266 <i data-feather="facebook"></i>267 </a>268 </div>269 </div>270 </footer>271 272 <script>273 VANTA.WAVES({274 el: "#vanta-bg",275 mouseControls: true,276 touchControls: true,277 gyroControls: false,278 minHeight: 200.00,279 minWidth: 200.00,280 scale: 1.00,281 scaleMobile: 1.00,282 color: 0x667eea,283 shininess: 35.00,284 waveHeight: 15.00,285 waveSpeed: 0.85,286 zoom: 0.85287 });288 289 feather.replace();290 291 // Smooth scrolling for navigation links292 document.querySelectorAll('a[href^="#"]').forEach(anchor => {293 anchor.addEventListener('click', function (e) {294 e.preventDefault();295 document.querySelector(this.getAttribute('href')).scrollIntoView({296 behavior: 'smooth'297 });298 });299 });300 </script>301</body>302</html>303