Página inicialtrânsitoEscolar - Curso de Transporte Escolar Escolar - Curso de Transporte Escolar Curso de Transporte Escolar EAD <!DOCTYPE html> <html lang="pt-BR" class="scroll-smooth"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Curso Transporte Escolar - Formação e Atualização | Inova Cursos</title> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: { DEFAULT: '#254e8c', dark: '#1e3f70', light: '#366bc2' }, secondary: { DEFAULT: '#f37021', dark: '#d65b14', light: '#f79354' }, whatsapp: { DEFAULT: '#25D366', hover: '#128C7E' } }, fontFamily: { sans: ['Inter', 'sans-serif'], } } } } </script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style> body { font-family: 'Inter', sans-serif; } /* Efeito de pulso para o botão do WhatsApp */ .pulse-whatsapp { animation: pulse-ws 2s infinite; } @keyframes pulse-ws { 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); } 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); } } /* Oculta scrollbar mas permite rolar */ .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } </style> </head> <body class="bg-gray-50 text-gray-800 overflow-x-hidden antialiased flex flex-col min-h-screen"> <!-- Top Bar --> <div class="bg-primary-dark text-blue-100 text-xs py-2 px-4 border-b border-primary-dark/80"> <div class="max-w-7xl mx-auto flex flex-col sm:flex-row justify-between items-center text-center sm:text-left gap-2 sm:gap-0"> <div> <i href="https://g.page/inovasaofrancisco" target="_blank" class="fa-solid fa-location-dot mr-1"></i> <a href="https://g.page/inovasaofrancisco" class="hover:text-white transition ml-1">Rua Marcílio Dias 607 Centro (Mapa) |</a> <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-white transition ml-1 font-semibold">Login Alunos</a> | <a href="https://www.inovaeducacional.com.br/p/area-administrativa.html" class="hover:text-white transition ml-1">Portal Colaborador</a> </div> <div class="flex space-x-4"> <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://wa.me/5547991140592" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-whatsapp"></i></a> <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-instagram"></i></a> <a href="https://x.com/Inova_Cursos_" target="_blank" class="hover:text-white transition"><i class="fa-brands fa-twitter"></i></a> </div> </div> </div> <!-- Header Principal --> <header class="bg-white shadow-sm sticky top-0 z-40 backdrop-blur-md bg-white/95"> <div class="max-w-7xl mx-auto px-4 py-3 flex justify-between items-center"> <a href="https://www.inovaeducacional.com.br/p/home.html" class="flex-shrink-0"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos" class="h-10 md:h-12 object-contain"> </a> <nav class="hidden lg:flex space-x-8 font-medium text-gray-700 items-center"> <a href="https://www.inovaeducacional.com.br/" class="hover:text-secondary transition">Início</a> <a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="text-primary border-b-2 border-primary pb-1">Nossos Cursos</a> <a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary transition">Sobre</a> <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary transition font-semibold text-primary"><i class="fa-solid fa-user mr-1"></i> Área Do Aluno</a> </nav> <button id="btn-mobile-menu" class="lg:hidden text-2xl text-primary p-2 focus:outline-none"> <i class="fa-solid fa-bars"></i> </button> </div> </header> <!-- Menu Mobile --> <div id="mobile-menu" class="fixed inset-0 bg-black/50 z-50 transition-opacity duration-300 opacity-0 pointer-events-none lg:hidden"> <div id="mobile-menu-content" class="fixed top-0 right-0 w-4/5 max-w-sm h-full bg-white shadow-xl p-6 transform translate-x-full transition-transform duration-300 flex flex-col justify-between"> <div> <div class="flex justify-between items-center mb-8"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos" class="h-8 object-contain"> <button id="btn-close-menu" class="text-2xl text-gray-500 hover:text-primary p-2"> <i class="fa-solid fa-xmark"></i> </button> </div> <nav class="flex flex-col space-y-4 font-medium text-gray-700 text-lg"> <a href="https://www.inovaeducacional.com.br/" class="text-primary border-l-4 border-primary pl-3 py-1 bg-blue-50/50">Início</a> <a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition">Nossos Cursos</a> <a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition">Sobre</a> <a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary hover:border-l-4 hover:border-secondary pl-3 py-1 transition font-semibold text-primary"><i class="fa-solid fa-user mr-1"></i> Área Do Aluno</a> </nav> </div> <div class="border-t border-gray-100 pt-6"> <div class="flex justify-center space-x-6 text-xl text-gray-500"> <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://wa.me/5547991140592" class="hover:text-primary transition"><i class="fa-brands fa-whatsapp"></i></a> <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" class="hover:text-primary transition"><i class="fa-brands fa-instagram"></i></a> </div> </div> </div> </div> <main class="flex-grow"> <section class="bg-[#111827] text-white pt-16 pb-24 px-4 relative overflow-hidden"> <!-- Background Elements --> <div class="absolute inset-0 opacity-20 pointer-events-none"> <div class="absolute top-0 right-0 w-96 h-96 bg-primary rounded-full filter blur-3xl opacity-50 transform translate-x-1/2 -translate-y-1/2"></div> <div class="absolute bottom-0 left-0 w-96 h-96 bg-secondary rounded-full filter blur-3xl opacity-30 transform -translate-x-1/2 translate-y-1/2"></div> </div> <div class="max-w-7xl mx-auto relative z-10 grid lg:grid-cols-2 gap-12 items-center"> <!-- Text Content --> <div class="text-center lg:text-left space-y-6"> <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-blue-900/50 border border-blue-500/30 text-blue-300 text-sm font-semibold mb-2"> <i class="fa-solid fa-certificate text-secondary"></i> Homologado pelo DETRAN/SENATRAN </div> <h1 class="text-4xl md:text-5xl lg:text-6xl font-extrabold leading-tight"> Curso <span class="text-secondary">Transporte Escolar</span><br> 100% Online e Seguro </h1> <p class="text-lg md:text-xl text-gray-300 max-w-2xl mx-auto lg:mx-0"> Habilite-se para realizar o transporte escolar com segurança. Obedeça às normas específicas e garanta sua qualificação como motorista profissional. </p> <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start pt-4"> <a href="#planos" class="bg-secondary hover:bg-secondary-dark text-white text-lg font-bold py-4 px-8 rounded-xl transition-all shadow-lg hover:shadow-secondary/50 flex items-center justify-center gap-2 transform hover:-translate-y-1"> <i class="fa-solid fa-rocket"></i> Ver Valores e Começar </a> <a href="https://api.whatsapp.com/send?phone=5547991140592&text=Ol%C3%A1%2C%20quero%20fazer%20o%20curso%20de%20Transporte%20Escolar%2C%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es" target="_blank" class="bg-whatsapp hover:bg-whatsapp-hover text-white text-lg font-bold py-4 px-8 rounded-xl transition-all shadow-lg flex items-center justify-center gap-2"> <i class="fa-brands fa-whatsapp text-2xl"></i> Tirar Dúvidas </a> </div> </div> <!-- Video Inputted by User --> <div class="relative rounded-2xl overflow-hidden shadow-2xl border-4 border-gray-800 bg-black aspect-video"> <iframe title="vimeo-player" src="https://player.vimeo.com/video/1126860549?h=afdba7120b" width="100%" height="100%" frameborder="0" referrerpolicy="strict-origin-when-cross-origin" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe> </div> </div> </section> <!-- Alerta Legal (Urgência/Gatilho) --> <section class="bg-amber-50 border-b border-amber-100 py-8 px-4"> <div class="max-w-4xl mx-auto flex flex-col md:flex-row items-center gap-6"> <div class="flex-shrink-0 w-16 h-16 bg-amber-100 text-amber-600 rounded-full flex items-center justify-center text-3xl"> <i class="fa-solid fa-triangle-exclamation"></i> </div> <div class="text-center md:text-left"> <h3 class="text-xl font-bold text-amber-800 mb-1">Atenção Motorista: Responsabilidade e Cuidado Especial!</h3> <p class="text-amber-900 font-medium leading-relaxed"> O transporte escolar obedece a normas específicas e rigorosas. Conduzir crianças e estudantes requer capacitação obrigatória para garantir a segurança de todos. Não arrisque sua CNH operando irregularmente! </p> </div> </div> </section> <!-- Sobre o Curso e Requisitos --> <section class="py-16 bg-white px-4"> <div class="max-w-7xl mx-auto grid md:grid-cols-2 gap-12"> <!-- Objetivo & Regras --> <div class="space-y-6"> <div class="inline-block px-4 py-2 bg-blue-50 text-primary font-bold rounded-lg mb-2"> Como funciona o curso </div> <h2 class="text-3xl font-bold text-gray-900">Transporte Escolar</h2> <p class="text-gray-600 text-lg leading-relaxed"> O Curso para Condutores de Veículos de Transporte Escolar, habilita motoristas que querem realizar o chamado transporte escolar. Essa formação é necessária, pois esse tipo de transporte requer cuidados especiais dos condutores e total respeito à legislação vigente. </p> <div class="bg-gray-50 rounded-xl p-6 mt-6 border border-gray-100"> <h4 class="font-bold text-gray-800 mb-4 flex items-center gap-2"><i class="fa-solid fa-book-open text-primary"></i> Regras e Metodologia</h4> <ul class="space-y-3 text-sm text-gray-700"> <li class="flex items-start gap-2"><i class="fa-solid fa-check text-secondary mt-1"></i> <strong>Prazos EAD:</strong> Tempo MÍNIMO de conclusão de 07 dias e MÁXIMO de 40 dias.</li> <li class="flex items-start gap-2"><i class="fa-solid fa-check text-secondary mt-1"></i> <strong>Flexibilidade:</strong> Assista às videoaulas no horário que desejar. Plataforma disponível 24 horas por dia.</li> <li class="flex items-start gap-2"><i class="fa-solid fa-check text-secondary mt-1"></i> <strong>Segurança:</strong> A presença nas aulas será através de VALIDAÇÃO FACIAL.</li> <li class="flex items-start gap-2"><i class="fa-solid fa-check text-secondary mt-1"></i> <strong>Certificação:</strong> Após concluir o curso online, o condutor deverá se dirigir ao DETRAN do registro de sua CNH para a inserção no RENACH.</li> </ul> </div> </div> <!-- Requisitos --> <div class="bg-gray-50 p-8 rounded-2xl border border-gray-200 shadow-sm flex flex-col justify-center"> <h3 class="text-2xl font-bold text-gray-900 mb-6 flex items-center gap-3"> <i class="fa-solid fa-clipboard-list text-secondary"></i> Pré-Requisitos para Matrícula </h3> <div class="space-y-6"> <div class="flex items-start gap-4"> <div class="w-12 h-12 rounded-full bg-primary/10 text-primary flex items-center justify-center flex-shrink-0 text-xl font-bold">21+</div> <div> <h4 class="font-bold text-gray-900">Idade Mínima</h4> <p class="text-gray-600 text-sm">O condutor deve ser maior de 21 anos.</p> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 rounded-full bg-primary/10 text-primary flex items-center justify-center flex-shrink-0 text-xl font-bold"> <i class="fa-solid fa-id-card"></i> </div> <div> <h4 class="font-bold text-gray-900">CNH "D" ou "E"</h4> <p class="text-gray-600 text-sm">Estar habilitado na categoria “D” ou “E” e possuir CNH dentro do prazo de validade.</p> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 rounded-full bg-primary/10 text-primary flex items-center justify-center flex-shrink-0 text-xl font-bold"> <i class="fa-solid fa-scale-balanced"></i> </div> <div> <h4 class="font-bold text-gray-900">Situação Regular</h4> <p class="text-gray-600 text-sm">Não estar cumprindo suspensão, cassação ou pena por crime de trânsito. Não estar impedido judicialmente.</p> </div> </div> <div class="p-4 bg-red-50 border-l-4 border-red-500 rounded-r-lg mt-4 text-sm text-red-800"> <strong>Importante:</strong> O não cumprimento dos pré-requisitos invalida a realização do curso. Caso exista impedimento, regularize a situação da CNH primeiro. </div> <div class="p-4 bg-blue-50 border-l-4 border-primary rounded-r-lg mt-2"> <p class="text-xs text-blue-800 font-medium italic"> Base legal: Portaria DENATRAN nº 376, de 26 de Março de 2021. </p> </div> </div> </div> </div> </section> <!-- Seção de Preços com Toggle Animado --> <section id="planos" class="py-20 bg-gray-100 px-4"> <div class="max-w-4xl mx-auto text-center"> <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Invista na Sua Carreira Profissional</h2> <p class="text-gray-600 mb-8 text-lg">Escolha a modalidade ideal para você e faça sua matrícula hoje mesmo.</p> <!-- Toggle Switch --> <div class="flex justify-center items-center gap-4 mb-12"> <span id="label-formacao" class="text-lg font-bold text-primary transition-colors cursor-pointer" onclick="togglePricing('formacao')">Formação (50h)</span> <button id="pricing-toggle" onclick="togglePricing()" class="relative w-16 h-8 bg-primary rounded-full focus:outline-none focus:ring-4 focus:ring-primary/30 transition-colors shadow-inner flex items-center p-1"> <!-- Bolinha do Toggle --> <div id="toggle-circle" class="w-6 h-6 bg-white rounded-full shadow-md transform transition-transform duration-300 translate-x-0"></div> </button> <span id="label-atualizacao" class="text-lg font-medium text-gray-400 transition-colors cursor-pointer" onclick="togglePricing('atualizacao')">Atualização (16h)</span> </div> <!-- Container de Cards (Alta Conversão) --> <div class="max-w-lg mx-auto relative overflow-hidden"> <!-- Card de Formação (Padrão) --> <div id="card-formacao" class="bg-white rounded-3xl shadow-xl border border-gray-200 relative transform transition-all duration-500 hover:-translate-y-1 hover:shadow-2xl opacity-100 translate-x-0"> <div class="absolute top-0 right-0 bg-secondary text-white text-xs font-bold px-4 py-2 rounded-bl-lg uppercase tracking-wider"> EAD 50 horas </div> <div class="p-8 md:p-12"> <div class="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6 text-primary text-3xl"> <i class="fa-solid fa-diamond"></i> </div> <h3 class="text-2xl font-bold text-primary mb-2">Curso de Formação</h3> <p class="text-gray-500 mb-6 font-medium">Transporte Escolar</p> <div class="flex items-end justify-center gap-1 mb-2"> <span class="text-sm text-gray-400 line-through mb-2 mr-2">R$ 550,00</span> <span class="text-5xl font-extrabold text-gray-900">R$ 389,90</span> </div> <p class="text-primary font-semibold mb-8">ou em até 12x de R$ 44,90 no cartão</p> <ul class="text-left space-y-4 mb-8 text-gray-700 mx-auto w-fit"> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500 text-lg"></i> Início imediato</li> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500 text-lg"></i> Plataforma disponível 24h</li> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500 text-lg"></i> Homologado pelo DENATRAN</li> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500 text-lg"></i> Suporte com Atendentes</li> </ul> <a href="https://pay.kiwify.com.br/1zYf9tf" target="_blank" class="block w-full text-center bg-whatsapp hover:bg-whatsapp-hover text-white font-bold text-lg py-4 rounded-xl transition-colors pulse-whatsapp shadow-lg flex items-center justify-center gap-2"> <i class="fa-brands fa-whatsapp text-xl"></i> Fazer inscrição </a> <p class="text-xs text-gray-400 mt-4 text-center">Fale conosco no WhatsApp para finalizar sua matrícula.</p> </div> </div> <!-- Card de Atualização (Oculto inicialmente) --> <div id="card-atualizacao" class="bg-white rounded-3xl shadow-xl border border-gray-200 relative transform transition-all duration-500 hover:-translate-y-1 hover:shadow-2xl absolute top-0 left-0 w-full opacity-0 translate-x-full pointer-events-none"> <div class="absolute top-0 right-0 bg-blue-600 text-white text-xs font-bold px-4 py-2 rounded-bl-lg uppercase tracking-wider"> EAD 16 horas </div> <div class="p-8 md:p-12"> <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6 text-blue-600 text-3xl"> <i class="fa-solid fa-rotate"></i> </div> <h3 class="text-2xl font-bold text-primary mb-2">Curso de Atualização</h3> <p class="text-gray-500 mb-6 font-medium">Transporte Escolar</p> <div class="flex items-end justify-center gap-1 mb-2"> <span class="text-sm text-gray-400 line-through mb-2 mr-2">R$ 290,00</span> <span class="text-5xl font-extrabold text-gray-900">R$ 259,90</span> </div> <p class="text-primary font-semibold mb-8">ou em até 12x no cartão</p> <ul class="text-left space-y-4 mb-8 text-gray-700 mx-auto w-fit"> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500 text-lg"></i> Apenas 16h de carga horária</li> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500 text-lg"></i> Obrigatório ter o curso de 50h</li> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500 text-lg"></i> Plataforma disponível 24h</li> <li class="flex items-center gap-3"><i class="fa-solid fa-check text-green-500 text-lg"></i> Homologado pelo DENATRAN</li> </ul> <a href="https://pay.kiwify.com.br/RDrb6SB" target="_blank" class="block w-full text-center bg-whatsapp hover:bg-whatsapp-hover text-white font-bold text-lg py-4 rounded-xl transition-colors pulse-whatsapp shadow-lg flex items-center justify-center gap-2"> <i class="fa-brands fa-whatsapp text-xl"></i> Quero Renovar </a> <p class="text-xs text-gray-400 mt-4 text-center">Atenção: Válido apenas para renovação do curso para quem tem certificado até 5 anos expirado.</p> </div> </div> </div> </div> </section> <!-- Consultores / Contato --> <section class="py-16 bg-white px-4 border-t border-gray-100"> <div class="max-w-4xl mx-auto text-center"> <h2 class="text-3xl font-bold text-primary mb-2">Ficou com alguma dúvida?</h2> <p class="text-gray-600 mb-10">Fale com um de nossos especialistas. Estamos prontos para te ajudar na sua jornada profissional.</p> <div class="flex flex-wrap justify-center gap-6 mb-10"> <!-- Consultor 1 --> <div class="flex flex-col items-center cursor-pointer group" onclick="alert('Olá, sou o Alisson e estou aqui para te auxiliar no WhatsApp!')"> <div class="w-24 h-24 rounded-full border-4 border-secondary p-1 overflow-hidden group-hover:scale-110 transition-transform shadow-lg"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWC6lSzA6FTcJZ4JZjfxNF8NB43Jmh9DlwKhtibHTTEgo-0kBO6wyA2szcxu81XMNmAd2vqe6PClY6yFQWxS0FfvRZ8iGJ-RTY3b-rzrZq5hbx7TcPO8_sIXMdqZa2FcoXXGKva0heWl_E9R6SkMLvtAyYSXdPAPCZ_YXSWQq2LkUgS8eysK_ztOZn598/s16000-rw/1745693130527.jpg" alt="Alisson" class="w-full h-full object-cover rounded-full"> </div> <span class="mt-3 font-bold text-gray-800">Alisson</span> </div> <!-- Consultor 2 --> <div class="flex flex-col items-center cursor-pointer group" onclick="alert('Oi, sou a Larissa e te ajudo aqui na Inova!')"> <div class="w-24 h-24 rounded-full border-4 border-secondary p-1 overflow-hidden group-hover:scale-110 transition-transform shadow-lg"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy-TYoUt_hR0AfEoM4Pk0IgiaIiPq9wEd84N8KWizWxRY7ErLDMDuHmvJUR1_DhxAuHCAlrRl4E22i-wt5DPw5IpjWS0J2G0tU8Cv0JSm-tfSNRg3Nc6a8uag63gJF4LSxYY32B_DcAfHu-LQm1XyfErPrhlLQQo73RbyYNcSeYNLqQHREQhq2ysHUTQc/s16000-rw/IMG-20250426-WA0015.jpg" alt="Larissa" class="w-full h-full object-cover rounded-full"> </div> <span class="mt-3 font-bold text-gray-800">Larissa</span> </div> <!-- Consultor 3 --> <div class="flex flex-col items-center cursor-pointer group" onclick="alert('Tudo bom? Sou o Flávio e estou aqui para te ajudar!')"> <div class="w-24 h-24 rounded-full border-4 border-secondary p-1 overflow-hidden group-hover:scale-110 transition-transform shadow-lg"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGPpEsuV0KhknznD0lMJR7Sq8F2a8BbX-Fxu1Ek1dgaZixNtarMUP5CxYMXcASs7JYuuihbL_a721__kw8KML1E9e8_9crkESuGCjHdg46bspTPgegC3JMPtf-mSBRee3GrYPXY44ieK8JrAuJdJr-_ZLU0tdphCa9f8QBGjCysYKdZBekgYqSZqGFAEc/s16000-rw/IMG-20250426-WA0014.jpg" alt="Flávio" class="w-full h-full object-cover rounded-full"> </div> <span class="mt-3 font-bold text-gray-800">Flávio</span> </div> </div> <a href="https://wa.me/5547991140592?text=Clique%20em%20*%22Quero%20me%20inscrever%22*%20e%20depois%20selecione%20o%20Curso%20desejado" target="_blank" class="inline-flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full transition-colors"> <i class="fa-regular fa-comments"></i> Inscreva-se Online Agora </a> </div> </section> </main> <!-- Footer --> <footer class="bg-gray-900 pt-20 pb-10 border-t-4 border-secondary text-gray-300 mt-auto"> <div class="max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16"> <div class="space-y-6"> <div class="bg-white inline-block p-3 rounded-xl"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB35ieBnv0eUVY8bF3MCwVIsC2takx9nddWuY_UWCT1u_OE3F-vbVi6PSWFlt-R_1Ul_-EbxWJreusoEbeCMTrs3c9Vb0SM9OGCAKbc2Vkc_p4acMkErEihBTuVonNAVZIH2nc4KqIHVoOK7WBdbsKTRPaNqNzH4ZDwRRcO1yy7u-5hAf7Os5JqiaNqm4S/s1600/LOGOTIPO%20INOVA%20VETORIZADO%20COREL.png" alt="Inova Cursos" class="h-8 object-contain"> </div> <p class="text-sm leading-relaxed text-gray-400"> Transformando vidas através da educação desde 2014. Cursos profissionalizantes, graduação e técnicos com foco no mercado de trabalho. </p> <div class="text-xs text-gray-500 font-medium">AWC TREINAMENTOS E IDIOMAS LTDA</div> </div> <div> <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-link text-secondary"></i> Links Úteis</h4> <ul class="space-y-3"> <li><a href="https://www.inovaeducacional.com.br/" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Página Inicial</a></li> <li><a href="https://www.inovaeducacional.com.br/p/quem-somos_26.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Sobre Nós</a></li> <li><a href="https://www.inovaeducacional.com.br/p/area-do-aluno.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Área do Aluno</a></li> <li><a href="https://www.inovaeducacional.com.br/p/nossos-cursos.html" class="hover:text-secondary transition flex items-center gap-2"><i class="fa-solid fa-angle-right text-xs"></i> Lista de Cursos</a></li> </ul> </div> <div> <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-headset text-secondary"></i> Contato</h4> <ul class="space-y-4"> <li class="flex items-start gap-3"> <i class="fa-solid fa-location-dot mt-1 text-gray-500"></i> <span class="text-sm">Rua Marcílio Dias, 607 - Centro<br>São Francisco do Sul - SC</span> </li> <li class="flex items-center gap-3"> <i class="fa-brands fa-whatsapp text-green-500"></i> <a href="https://wa.me/5547991140592" target="_blank" class="text-sm hover:text-white transition">(47) 99114-0592</a> </li> <li class="flex items-center gap-3"> <i class="fa-regular fa-envelope text-gray-500"></i> <a href="mailto:atendimento@grupoinova.net.br" class="text-sm hover:text-white transition">atendimento@grupoinova.net.br</a> </li> </ul> </div> <div> <h4 class="font-bold text-white text-lg mb-6 flex items-center gap-2"><i class="fa-solid fa-share-nodes text-secondary"></i> Siga-nos</h4> <div class="flex flex-wrap gap-3"> <a href="https://pt-br.facebook.com/inovasaofranciscodosul/" target="_blank" class="w-10 h-10 rounded-lg bg-gray-800 hover:bg-blue-600 text-white flex items-center justify-center transition shadow-lg"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://x.com/Inova_Cursos_" target="_blank" class="w-10 h-10 rounded-lg bg-gray-800 hover:bg-sky-500 text-white flex items-center justify-center transition shadow-lg"><i class="fa-brands fa-twitter"></i></a> <a href="https://www.instagram.com/inovasaofranciscodosul/" target="_blank" class="w-10 h-10 rounded-lg bg-gray-800 hover:bg-pink-600 text-white flex items-center justify-center transition shadow-lg"><i class="fa-brands fa-instagram"></i></a> <a href="https://t.me/Inova%20Cursos%20e%20Faculdade%20UniCV" target="_blank" class="w-10 h-10 rounded-lg bg-gray-800 hover:bg-blue-400 text-white flex items-center justify-center transition shadow-lg"><i class="fa-brands fa-telegram"></i></a> </div> </div> </div> <div class="max-w-7xl mx-auto px-4 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center text-xs text-gray-500"> <p>© Inova Cursos. Todos os direitos reservados.</p> <p class="mt-2 md:mt-0">AWC TREINAMENTOS @ GRUPO INOVA CURSOS.</p> </div> </footer> <script src="https://player.vimeo.com/api/player.js"></script> <script> // Lógica do Slider de Preços (Formação vs Atualização) let currentPlan = 'formacao'; // default function togglePricing(forcedPlan = null) { const circle = document.getElementById('toggle-circle'); const toggleBg = document.getElementById('pricing-toggle'); const lblFormacao = document.getElementById('label-formacao'); const lblAtualizacao = document.getElementById('label-atualizacao'); const cardFormacao = document.getElementById('card-formacao'); const cardAtualizacao = document.getElementById('card-atualizacao'); // Determinar qual plano ativar if (forcedPlan) { if (forcedPlan === currentPlan) return; // Nada a fazer currentPlan = forcedPlan; } else { currentPlan = currentPlan === 'formacao' ? 'atualizacao' : 'formacao'; } if (currentPlan === 'atualizacao') { // UI do Toggle circle.classList.remove('translate-x-0'); circle.classList.add('translate-x-8'); // Move para a direita toggleBg.classList.remove('bg-primary'); toggleBg.classList.add('bg-blue-600'); // Labels lblFormacao.classList.remove('font-bold', 'text-primary'); lblFormacao.classList.add('font-medium', 'text-gray-400'); lblAtualizacao.classList.remove('font-medium', 'text-gray-400'); lblAtualizacao.classList.add('font-bold', 'text-blue-600'); // Cards (Animação de Deslizar) cardFormacao.classList.remove('opacity-100', 'translate-x-0', 'relative'); cardFormacao.classList.add('opacity-0', '-translate-x-full', 'absolute', 'pointer-events-none'); cardAtualizacao.classList.remove('opacity-0', 'translate-x-full', 'absolute', 'pointer-events-none'); cardAtualizacao.classList.add('opacity-100', 'translate-x-0', 'relative'); } else { // UI do Toggle circle.classList.remove('translate-x-8'); circle.classList.add('translate-x-0'); // Move para a esquerda toggleBg.classList.remove('bg-blue-600'); toggleBg.classList.add('bg-primary'); // Labels lblAtualizacao.classList.remove('font-bold', 'text-blue-600'); lblAtualizacao.classList.add('font-medium', 'text-gray-400'); lblFormacao.classList.remove('font-medium', 'text-gray-400'); lblFormacao.classList.add('font-bold', 'text-primary'); // Cards (Animação de Deslizar) cardAtualizacao.classList.remove('opacity-100', 'translate-x-0', 'relative'); cardAtualizacao.classList.add('opacity-0', 'translate-x-full', 'absolute', 'pointer-events-none'); cardFormacao.classList.remove('opacity-0', '-translate-x-full', 'absolute', 'pointer-events-none'); cardFormacao.classList.add('opacity-100', 'translate-x-0', 'relative'); } } // Lógica do Menu Mobile document.addEventListener('DOMContentLoaded', () => { const btnMobileMenu = document.getElementById('btn-mobile-menu'); const btnCloseMenu = document.getElementById('btn-close-menu'); const mobileMenu = document.getElementById('mobile-menu'); const mobileMenuContent = document.getElementById('mobile-menu-content'); if (btnMobileMenu && btnCloseMenu && mobileMenu) { btnMobileMenu.addEventListener('click', () => { mobileMenu.classList.remove('opacity-0', 'pointer-events-none'); mobileMenuContent.classList.remove('translate-x-full'); }); btnCloseMenu.addEventListener('click', () => { mobileMenu.classList.add('opacity-0', 'pointer-events-none'); mobileMenuContent.classList.add('translate-x-full'); }); } }); </script> </body> </html> Mais recentes Antigos
