This is a submission for Weekend Challenge: Generosity Edition What I Built I am currently learning web development! for this weekend challenge, I have built a simple and clean "Generosity & Thank You Card" using only HTML and CSS to show gratitude towards people who help others. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Generosity - Thank You</title> <style> body { font-family: 'Segoe UI', sans-serif; background-color: #f0f3f4; display: flex; justify-content: center; align-items: center; min-height: 80vh; margin: 0; } .card { background: #ffffff; max-width: 450px; padding: 30px; border-radius: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); text-align: center; border-top: 5px solid #2ecc71; } h1 { color: #2c3e50; font-size: 24px; } p { color: #7f8c8d; line-height: 1.6; } .quote { background: #e8f8f5; padding: 10px; border-left: 4px solid #1abc9c; font-style: italic; color: #16a085; border-radius: 4px; } </style> </head> <body> <div class="card"> <h1>Generosity ✨</h1> <p>I am learning web development and I want to use this challenge to say <b>Thank You</b> to everyone who goes out of their way to help others.</p> <p class="quote">"Helping others is the greatest form of humanity."</p> <p>Let's make the world a better place by being kind and helpful!</p> </div> </body> </html> Demo Code How I Built It Prize Categories