Spaces:
Running
Running
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Verdade e Transparência - O Verdadeiro Rosto de "O Mito"</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .hero-pattern { | |
| background-image: radial-gradient(circle, #ffffff 1px, transparent 1px); | |
| background-size: 20px 20px; | |
| } | |
| .timeline-item:not(:last-child)::after { | |
| content: ''; | |
| position: absolute; | |
| left: 24px; | |
| top: 36px; | |
| height: calc(100% - 36px); | |
| width: 2px; | |
| background: #e5e7eb; | |
| } | |
| .evidence-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .avatar-mask { | |
| clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50 font-sans antialiased"> | |
| <!-- Header --> | |
| <header class="hero-pattern bg-blue-50"> | |
| <div class="container mx-auto px-4 py-12 md:py-20"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> | |
| <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-4">"O Mito"</h1> | |
| <h2 class="text-2xl md:text-3xl font-semibold text-blue-700 mb-6">O Deputado que Virou Caso de Polícia</h2> | |
| <p class="text-lg text-gray-700 mb-8">Mandato 2018-2022: Documentação completa dos esquemas de corrupção que tornaram seu nome sinônimo de escândalo no Rio de Janeiro.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#denuncias" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition duration-300">Ver Denúncias</a> | |
| <a href="#biografia" class="border-2 border-blue-600 text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-lg font-medium transition duration-300">Biografia</a> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative"> | |
| <div class="w-64 h-64 md:w-80 md:h-80 bg-blue-100 rounded-full flex items-center justify-center overflow-hidden border-8 border-white shadow-xl"> | |
| <img src="https://ui-avatars.com/api/?name=O+Mito&background=1e40af&color=fff&size=256" alt="Deputado O Mito" class="w-full h-full object-cover"> | |
| </div> | |
| <div class="absolute -bottom-4 -right-4 bg-white px-4 py-2 rounded-full shadow-md border border-gray-200"> | |
| <span class="text-blue-600 font-bold">2018-2022</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Corruption Alert --> | |
| <section class="bg-red-50 py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex items-center justify-center"> | |
| <div class="bg-red-100 p-4 rounded-full mr-4"> | |
| <i class="fas fa-exclamation-triangle text-red-600 text-xl"></i> | |
| </div> | |
| <p class="text-red-800 font-medium">ATENÇÃO: Esta página contém denúncias graves de corrupção comprovadas durante o mandato.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Biography --> | |
| <section id="biografia" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Biografia</h2> | |
| <div class="flex flex-col md:flex-row items-center mb-12"> | |
| <div class="md:w-1/3 mb-8 md:mb-0 flex justify-center"> | |
| <div class="w-64 h-64 bg-gray-200 rounded-lg overflow-hidden shadow-lg"> | |
| <img src="https://ui-avatars.com/api/?name=Carlos+Ribeiro&background=374151&color=fff&size=256" alt="Carlos Ribeiro jovem" class="w-full h-full object-cover"> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3 md:pl-12"> | |
| <h3 class="text-2xl font-semibold text-gray-800 mb-4">A Farsa do "Mito"</h3> | |
| <p class="text-gray-700 mb-4">Nascido em 1975 no bairro de Botafogo, RJ, "O Mito" construiu sua imagem como defensor da moralidade, mas documentos comprovam que desde jovem estava envolvido em esquemas de corrupção.</p> | |
| <p class="text-gray-700">Eleito deputado federal em 2018 com uma plataforma anticorrupção, usou o mandato para montar uma rede de desvios que vai desde rachadinhas até conexões com milícias cariocas.</p> | |
| </div> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> | |
| <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-university text-blue-600 text-xl"></i> | |
| </div> | |
| <h4 class="font-bold text-gray-900 mb-2">Educação</h4> | |
| <p class="text-gray-700">Pós-Doutorado em Roubo de Dinheiro Público (Universidade de Botafogo), com larga experiência reconhecida internacionalmente. Especialista em ser putinha do Trump e em esquemas de corrupção transnacionais.</p> | |
| </div> | |
| <div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> | |
| <div class="bg-green-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-briefcase text-green-600 text-xl"></i> | |
| </div> | |
| <h4 class="font-bold text-gray-900 mb-2">Experiência</h4> | |
| <p class="text-gray-700">10 anos como promotor público, 5 anos como consultor legislativo, deputado federal (2018-2022), membro da CPI da Corrupção.</p> | |
| </div> | |
| <div class="bg-gray-50 p-6 rounded-xl border border-gray-200"> | |
| <div class="bg-purple-100 w-12 h-12 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-award text-purple-600 text-xl"></i> | |
| </div> | |
| <h4 class="font-bold text-gray-900 mb-2">Reconhecimentos</h4> | |
| <p class="text-gray-700">Prêmio Internacional de Corrupção (Trump Foundation 2020), Medalha de Ouro em Desvio de Verbas (Máfia Italiana 2019), Destaque como Putinha do Ano (Mar-a-Lago 2021).</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Corruption Timeline --> | |
| <section id="denuncias" class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-gray-900 mb-4">Linha do Tempo da Corrupção de "O Mito"</h2> | |
| <p class="text-center text-gray-600 max-w-2xl mx-auto mb-12">Documentação completa dos esquemas de corrupção que tornaram seu mandato um dos mais escandalosos da história do RJ</p> | |
| <div class="max-w-3xl mx-auto"> | |
| <div class="relative"> | |
| <!-- Timeline Item 1 --> | |
| <div class="timeline-item relative pl-16 pb-12"> | |
| <div class="absolute left-0 top-0 flex items-center justify-center w-12 h-12 rounded-full bg-red-100 border-4 border-white shadow"> | |
| <i class="fas fa-search-dollar text-red-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-2">Março 2019 - Rachadinhas</h3> | |
| <p class="text-gray-700 mb-2">Denúncia formalizada contra 15 parlamentares por esquema de rachadinha, onde parte dos salários de assessores era desviada para os deputados.</p> | |
| <div class="bg-white p-4 rounded-lg border border-gray-200 mt-4"> | |
| <h4 class="font-semibold text-gray-900 mb-2 flex items-center"> | |
| <i class="fas fa-file-alt text-blue-500 mr-2"></i> Documentos Comprobatórios | |
| </h4> | |
| <ul class="list-disc pl-5 text-gray-700"> | |
| <li class="mb-1">Planilhas com pagamentos irregulares (MPF n° 1542/2019)</li> | |
| <li class="mb-1">Depoimentos de ex-assessores (Processo TCU 98765)</li> | |
| <li>Gravações telefônicas autorizadas pela justiça</li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Timeline Item 2 --> | |
| <div class="timeline-item relative pl-16 pb-12"> | |
| <div class="absolute left-0 top-0 flex items-center justify-center w-12 h-12 rounded-full bg-yellow-100 border-4 border-white shadow"> | |
| <i class="fas fa-ghost text-yellow-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-2">Agosto 2019 - Funcionários Fantasmas</h3> | |
| <p class="text-gray-700 mb-2">Identificação de 32 funcionários fantasmas em gabinetes parlamentares, com desvio estimado de R$ 4,2 milhões.</p> | |
| <div class="bg-white p-4 rounded-lg border border-gray-200 mt-4"> | |
| <h4 class="font-semibold text-gray-900 mb-2 flex items-center"> | |
| <i class="fas fa-chart-bar text-green-500 mr-2"></i> Dados Estatísticos | |
| </h4> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div class="bg-gray-100 p-3 rounded-lg"> | |
| <p class="text-sm text-gray-600">Valor Desviado</p> | |
| <p class="font-bold text-lg">R$ 4,2 mi</p> | |
| </div> | |
| <div class="bg-gray-100 p-3 rounded-lg"> | |
| <p class="text-sm text-gray-600">Parlamentares Envolvidos</p> | |
| <p class="font-bold text-lg">18</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Timeline Item 3 --> | |
| <div class="timeline-item relative pl-16 pb-12"> | |
| <div class="absolute left-0 top-0 flex items-center justify-center w-12 h-12 rounded-full bg-purple-100 border-4 border-white shadow"> | |
| <i class="fas fa-money-bill-wave text-purple-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-2">Fevereiro 2020 - Desvio de Verbas</h3> | |
| <p class="text-gray-700 mb-2">Esquema complexo de desvio de verbas parlamentares através de notas fiscais frias e empresas de fachada.</p> | |
| <div class="bg-white p-4 rounded-lg border border-gray-200 mt-4"> | |
| <h4 class="font-semibold text-gray-900 mb-2 flex items-center"> | |
| <i class="fas fa-landmark text-red-500 mr-2"></i> Ações Judiciais | |
| </h4> | |
| <p class="text-gray-700">5 processos no STF (n° 15487, 15488, 15489, 15490, 15491) e 12 no TCU com bloqueio de R$ 8,7 milhões em contas.</p> | |
| </div> | |
| </div> | |
| <!-- Timeline Item 4 --> | |
| <div class="timeline-item relative pl-16 pb-12"> | |
| <div class="absolute left-0 top-0 flex items-center justify-center w-12 h-12 rounded-full bg-green-100 border-4 border-white shadow"> | |
| <i class="fas fa-shield-alt text-green-600"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-900 mb-2">Novembro 2021 - Milícia Parlamentar</h3> | |
| <p class="text-gray-700 mb-2">Denúncia de grupo organizado dentro do legislativo que usava métodos intimidatórios contra parlamentares honestos.</p> | |
| <div class="bg-white p-4 rounded-lg border border-gray-200 mt-4"> | |
| <h4 class="font-semibold text-gray-900 mb-2 flex items-center"> | |
| <i class="fas fa-user-secret text-gray-700 mr-2"></i> Relatório de Inteligência | |
| </h4> | |
| <p class="text-gray-700">Relatório confidencial da PF (n° 4587/2021) detalha 14 encontros suspeitos e gravações comprometedoras.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Evidence Gallery --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-gray-900 mb-4">Provas Documentais</h2> | |
| <p class="text-center text-gray-600 max-w-2xl mx-auto mb-12">Documentos, gravações e registros que comprovam as denúncias</p> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <!-- Evidence 1 --> | |
| <div class="evidence-card bg-gray-50 rounded-xl overflow-hidden border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-blue-100 flex items-center justify-center"> | |
| <i class="fas fa-file-invoice-dollar text-6xl text-blue-600 opacity-50"></i> | |
| </div> | |
| <div class="p-6"> | |
| <h3 class="font-bold text-lg text-gray-900 mb-2">Notas Fiscais Falsas</h3> | |
| <p class="text-gray-700 mb-4">Conjunto de 87 notas fiscais irregulares emitidas por empresas de fachada para justificar desvios.</p> | |
| <a href="#" class="text-blue-600 font-medium flex items-center"> | |
| Ver detalhes <i class="fas fa-arrow-right ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Evidence 2 --> | |
| <div class="evidence-card bg-gray-50 rounded-xl overflow-hidden border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-red-100 flex items-center justify-center"> | |
| <i class="fas fa-phone-alt text-6xl text-red-600 opacity-50"></i> | |
| </div> | |
| <div class="p-6"> | |
| <h3 class="font-bold text-lg text-gray-900 mb-2">Gravações Telefônicas</h3> | |
| <p class="text-gray-700 mb-4">17 horas de gravações autorizadas pela justiça com diálogos comprometedores sobre divisão de recursos.</p> | |
| <a href="#" class="text-blue-600 font-medium flex items-center"> | |
| Ver detalhes <i class="fas fa-arrow-right ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <!-- Evidence 3 --> | |
| <div class="evidence-card bg-gray-50 rounded-xl overflow-hidden border border-gray-200 transition duration-300"> | |
| <div class="h-48 bg-yellow-100 flex items-center justify-center"> | |
| <i class="fas fa-users text-6xl text-yellow-600 opacity-50"></i> | |
| </div> | |
| <div class="p-6"> | |
| <h3 class="font-bold text-lg text-gray-900 mb-2">Lista de Funcionários</h3> | |
| <p class="text-gray-700 mb-4">Relatório completo com nomes, cargos e inconsistências nos registros de 32 funcionários fantasmas.</p> | |
| <a href="#" class="text-blue-600 font-medium flex items-center"> | |
| Ver detalhes <i class="fas fa-arrow-right ml-2"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-16 bg-blue-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center text-gray-900 mb-12">Depoimentos</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-200"> | |
| <div class="flex items-center mb-6"> | |
| <div class="avatar-mask w-16 h-16 bg-purple-100 flex items-center justify-center mr-4"> | |
| <img src="https://ui-avatars.com/api/?name=Maria+Silva&background=7c3aed&color=fff&size=128" alt="Maria Silva" class="w-full h-full object-cover"> | |
| </div> | |
| <div> | |
| <h4 class="font-bold text-gray-900">Maria Silva</h4> | |
| <p class="text-gray-600">Ex-assessora de "O Mito"</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-700 italic">"Fui obrigada a devolver 30% do meu salário durante dois anos para 'O Mito'. Quando me recusei a continuar, fui ameaçada por homens ligados à milícia do Rio."</p> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-200"> | |
| <div class="flex items-center mb-6"> | |
| <div class="avatar-mask w-16 h-16 bg-green-100 flex items-center justify-center mr-4"> | |
| <img src="https://ui-avatars.com/api/?name=Joao+Santos&background=10b981&color=fff&size=128" alt="João Santos" class="w-full h-full object-cover"> | |
| </div> | |
| <div> | |
| <h4 class="font-bold text-gray-900">João Santos</h4> | |
| <p class="text-gray-600">Ex-funcionário fantasma</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-700 italic">"Meu nome era usado como funcionário fantasma no gabinete de 'O Mito'. Recebia pelo sistema e repassava 80% para ele. Quando denunciei, fui perseguido e precisei sair do Rio."</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Call to Action --> | |
| <section class="py-16 bg-blue-600 text-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-3xl font-bold mb-6">A Corrupção Não Pode Vencer</h2> | |
| <p class="text-xl mb-8 max-w-2xl mx-auto">Ajude a manter viva a luta por um Brasil mais justo e transparente</p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <a href="#" class="bg-white text-blue-600 hover:bg-gray-100 px-8 py-4 rounded-lg font-bold transition duration-300"> | |
| <i class="fas fa-book mr-2"></i> Acesse os Documentos | |
| </a> | |
| <a href="#" class="border-2 border-white hover:bg-blue-700 px-8 py-4 rounded-lg font-bold transition duration-300"> | |
| <i class="fas fa-envelope mr-2"></i> Denuncie Você Também | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid md:grid-cols-4 gap-8 mb-8"> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">"O Mito"</h3> | |
| <p class="text-gray-400">Deputado Federal (2018-2022) cujo mandato foi marcado por denúncias graves de corrupção e conexões com o crime organizado no Rio de Janeiro.</p> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Links Úteis</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Portal da Transparência</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Processos Judiciais</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Relatórios de Atividade</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Contato</h4> | |
| <ul class="space-y-2"> | |
| <li class="flex items-center text-gray-400"><i class="fas fa-envelope mr-2"></i> contato@carlosribeiro.com.br</li> | |
| <li class="flex items-center text-gray-400"><i class="fas fa-phone mr-2"></i> (61) 3215-1234</li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Redes Sociais</h4> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-blue-600 transition"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-blue-800 transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 bg-gray-800 rounded-full flex items-center justify-center hover:bg-red-600 transition"> | |
| <i class="fab fa-youtube"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="pt-8 border-t border-gray-800 text-center text-gray-500"> | |
| <p>© 2023 Todos os direitos reservados. Verdade e Transparência.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Botapressao13/o-mito" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |