Spaces:
Running
Running
File size: 22,975 Bytes
c31f06f | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 | <!DOCTYPE html>
<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> |