SUPERMANwebsite name: SUPERMAN website theme : blackish"home " page content:1. background image : "I:\Images\Cinematic\super_man_ready_to_fly.jpg"2. front texts:-superman : stonger than yesterday ( lighter character)-the hero you can trust ( bold character)-Born on the planet Krypton, Kal-El was sent to Earth by his parents, Jor-El and Lara, before their planet was destroyed. He was found and adopted by Jonathan and Martha Kent, who raised him as their ow in allville, Kansas(quotes )a right pointing arrow logo link button that open main page (at buttom)“main” page content :Header with new row : 6 deadly villains fought with superman New row ; image + text button link : Superman vs. DoomsdayNew row ; image + text button link : Superman vs. BrainiacNew row ; image + text button link :Superman vs. BizarroNew row ; image + text button link :Superman vs. DarkseidNew row ; image + text button link :Superman vs. Lex LuthorHome button that return to home page Containt pages :- will include header and paraghaph - home button that return to main page - logo button that return top smoothly - Initial Deployment
7e1153f
verified
| <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> | |