PokeVault
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PokeVault - Your Pokémon Card Hub</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f9f9f9; color: #333; } header { background-color: #ffcc00; color: #333; padding: 20px; text-align: center; } header h1 { margin: 0; } nav { display: flex; justify-content: center; background-color: #333; padding: 10px; } nav a { color: white; text-decoration: none; margin: 0 15px; font-weight: bold; } nav a:hover { color: #ffcc00; } section { padding: 20px; text-align: center; } .feature { margin: 20px 0; } .cta-button { display: inline-block; margin-top: 20px; padding: 10px 20px; background-color: #ffcc00; color: #333; text-decoration: none; font-weight: bold; border-radius: 5px; } .cta-button:hover { background-color: #e6b800; } footer { background-color: #333; color: white; text-align: center; padding: 10px 0; margin-top: 20px; } </style> </head> <body> <header> <h1>PokeVault</h1> <p>Your Ultimate Pokémon Card Hub</p> </header> <nav> <a href="#subscribe">Subscribe</a> <a href="#appraisal">Appraise Cards</a> <a href="#marketplace">Marketplace</a> </nav> <section id="subscribe"> <h2>Monthly Mystery Packs</h2> <p>Get curated mystery packs filled with rare and exclusive Pokémon cards delivered to your doorstep.</p> <a href="#" class="cta-button">Subscribe Now</a> </section> <section id="appraisal" class="feature"> <h2>Card Appraisal Services</h2> <p>Discover the value of your cards with our expert appraisal tools and AI grading suggestions.</p> <a href="#" class="cta-button">Get Started</a> </section> <section id="marketplace" class="feature"> <h2>Buy, Sell, and Trade</h2> <p>Join our community marketplace to buy, sell, or trade your Pokémon cards securely.</p> <a href="#" class="cta-button">Explore Marketplace</a> </section> <footer> <p>© 2024 PokeVault. All rights reserved.</p> </footer> </body> </html>
Leave a Comment