<link rel="stylesheet" href="/styles/main.css"> <style> body { font-family: Arial, sans-serif; background-color: #e0ffe0; color: #333; } header { background-color: #88cc88; padding: 20px; text-align: center; font-size: 2em; color: white; } footer { background-color: #88cc88; text-align: center; padding: 10px; position: fixed; bottom: 0; width: 100%; color: white; } main { margin: 20px; } </style> </head> <body> <header>Froge Pop: Hop History</header> <main> <section> <h2>Welcome to the World of Froge Pop!</h2> <p>Froge Pop emerged in the early 2020s as a musical revolution. Combining the rhythms of ambient nature with modern beats, it leapt into hearts everywhere.</p> <p>From small pools and lush bogs, Froge Pop bands like <strong>The Lily Pads</strong> and <strong>Ribbit Rhythms</strong> have croaked their way up the charts.</p> <h3>Featured Artists:</h3> <ul> <li><a href="/music/froge-pop/the-lily-pads">The Lily Pads</a> - Discover their journey from pond to platinum.</li> <li><a href="/music/froge-pop/ribbit-rhythms">Ribbit Rhythms</a> - Listen to their latest tracks!</li> </ul> <h3>Join the Froge Pop Community</h3> <p>Get updates, meet fellow fans, and explore exclusive content!</p> <form action="/subscribe" method="post"> <label for="email">Subscribe with your email:</label><br> <input type="email" id="email" name="email" required><br> <input type="submit" value="Hop On!"> </form> </section> <section> <h2>Gallery</h2> <div> <img src="/images/froge.svg" alt="Froge Music" style="width:200px;height:200px;"> <p>Experience the vibrant world of Froge Pop through our exclusive gallery.</p> </div> </section> </main> <footer> <p>Love Froge Pop? Join our <a href="/community">community</a> today! 🐸 🎵</p> <p>© 2034 Froge AI · <a href="/about">About Us</a> · <a href="/contact">Contact</a></p> </footer> </body> </html>