Untitled
unknown
plain_text
a year ago
2.3 kB
5
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Fun & Romantic Website</title> <style> body { font-family: Arial, sans-serif; background-color: #f5f5f5; color: #333; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { text-align: center; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); max-width: 600px; width: 90%; } h1 { color: #ff69b4; /* Hot pink */ } .quiz { margin-top: 20px; } .quiz button { background-color: #ff69b4; color: #fff; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; border-radius: 4px; margin-top: 10px; transition: background-color 0.3s ease; } .quiz button:hover { background-color: #d04680; } </style> </head> <body> <div class="container"> <h1>Welcome to My Fun & Romantic Website!</h1> <p>Hey there! I'm glad you stopped by.</p> <h2>About Me</h2> <p>I'm [Your Name], a lover of all things fun and romantic.</p> <h2>Take a Quiz!</h2> <div class="quiz"> <p>Let's add some fun to your day with a quick quiz:</p> <button onclick="startQuiz()">Start Quiz</button> </div> <script> function startQuiz() { // Replace with your own quiz questions and logic alert('Quiz starting soon!'); } </script> <h2>A Romantic Touch</h2> <p>Feel the romance in the air as you explore!</p> <h2>Contact Me</h2> <p>Want to get in touch? Drop me a line at <a href="mailto:youremail@example.com">youremail@example.com</a>.</p> </div> </body> </html>
Editor is loading...
Leave a Comment