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 Lex Luthor</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> | |
| <script src="https://unpkg.com/[email protected]/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 Lex Luthor</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/5" alt="Superman vs Lex Luthor" 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 Man Who Hates Superman</h2> | |
| <p class="text-lg mb-6">Lex Luthor is Superman's arch-nemesis, a brilliant scientist and businessman who sees Superman as both a personal rival and a threat to humanity's potential. Unlike most of Superman's foes, Luthor fights with his intellect and resources rather than physical power.</p> | |
| <h3 class="text-2xl font-bold text-red-500 mb-3">Origins</h3> | |
| <p class="text-lg mb-6">Born in Metropolis's Suicide Slum, Alexander "Lex" Luthor rose from poverty to become the wealthiest and most powerful man in the city through his company LexCorp. His hatred for Superman stems from both personal jealousy and philosophical opposition to what he sees as humanity's dependence on an alien.</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 #23 (1940)</li> | |
| <li>The Death of Superman (created Doomsday)</li> | |
| <li>Our Worlds at War storyline</li> | |
| <li>President Lex storyline</li> | |
| </ul> | |
| <h3 class="text-2xl font-bold text-red-500 mb-3">Resources and Abilities</h3> | |
| <p class="text-lg mb-6">Luthor possesses a genius-level intellect, particularly in fields of engineering, physics, and genetics. His vast wealth funds advanced weaponry, power armor, and scientific experiments. He's also a master manipulator, often turning public opinion against Superman or manipulating other villains to do his bidding.</p> | |
| <h3 class="text-2xl font-bold text-red-500 mb-3">Legacy</h3> | |
| <p class="text-lg">Lex Luthor represents the dark side of human potential - all of Superman's intelligence and ambition without his compassion or moral compass. Their conflict symbolizes the struggle between selfless heroism and selfish ambition. Luthor's greatest tragedy is that with his genius, he could be humanity's greatest benefactor if he weren't obsessed with destroying Superman.</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> | |