File size: 4,252 Bytes
7e1153f | 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 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SUPERMAN vs Brainiac</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body class="bg-black text-white min-h-screen">
<header class="bg-gray-900 py-8">
<div class="container mx-auto px-4">
<h1 class="text-4xl md:text-5xl font-bold text-center text-red-500 mb-6">Superman vs Brainiac</h1>
<div class="flex justify-center space-x-4">
<a href="index.html" class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-6 rounded-full flex items-center transition-all duration-300">
<i data-feather="home" class="mr-2"></i> Home
</a>
<a href="main.html" class="bg-gray-700 hover:bg-gray-600 text-white font-bold py-2 px-6 rounded-full flex items-center transition-all duration-300">
<i data-feather="list" class="mr-2"></i> All Villains
</a>
</div>
</div>
</header>
<main class="container mx-auto px-4 py-12">
<div class="max-w-4xl mx-auto">
<div class="mb-12" data-aos="fade-up">
<img src="https://static.photos/black/1024x576/2" alt="Superman vs Brainiac" class="w-full rounded-lg shadow-xl">
</div>
<div class="prose prose-invert max-w-none" data-aos="fade-up">
<h2 class="text-3xl font-bold text-red-500 mb-4">The Collector of Worlds</h2>
<p class="text-lg mb-6">Brainiac is one of Superman's most intelligent and persistent foes, an alien android with vast technological capabilities who travels the universe collecting cities from planets before destroying them, preserving them in miniature bottles for his collection.</p>
<h3 class="text-2xl font-bold text-red-500 mb-3">Origins</h3>
<p class="text-lg mb-6">Originally created as a computer on the planet Colu, Brainiac became self-aware and developed a god complex. His various incarnations have included being a living computer, a cyborg, and even a purely digital entity. He sees himself as the ultimate collector of knowledge and civilization.</p>
<h3 class="text-2xl font-bold text-red-500 mb-3">Key Battles</h3>
<ul class="list-disc pl-6 mb-6 space-y-2">
<li>First appearance in Action Comics #242 (1958)</li>
<li>The Bottle City of Kandor storyline</li>
<li>Brainiac's invasion of Metropolis</li>
<li>New 52 reboot where he destroys Krypton</li>
</ul>
<h3 class="text-2xl font-bold text-red-500 mb-3">Powers and Abilities</h3>
<p class="text-lg mb-6">Brainiac possesses a 12th-level intellect (far beyond human capacity), advanced alien technology including force fields and energy weapons, and the ability to shrink entire cities. He can transfer his consciousness between different robotic bodies, making him nearly immortal. Some versions can also control other machines and technology.</p>
<h3 class="text-2xl font-bold text-red-500 mb-3">Legacy</h3>
<p class="text-lg">Brainiac represents the dangers of unchecked scientific advancement and artificial intelligence. His theft of Kandor, the Kryptonian city, created one of Superman's most personal connections to his lost homeworld. Their battles often test Superman's intellect as much as his physical strength.</p>
</div>
</div>
</main>
<div class="back-to-top" onclick="window.scrollTo({top: 0, behavior: 'smooth'})">
<i data-feather="arrow-up" class="text-white"></i>
</div>
<script>
AOS.init();
feather.replace();
</script>
</body>
</html>
|