Skip to content

Commit 7783cc4

Browse files
Update index.mdx
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Google Gmail</title> <style> body { font-family: 'Roboto', Arial, sans-serif; background-color: #f5f5f5; margin: 0; padding: 0; } .container { max-width: 500px; background: #ffffff; margin: 40px auto; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); overflow: hidden; animation: fadeIn 0.7s ease-in-out; } .header { background-color: #4285f4; padding: 20px; text-align: center; color: white; } .header img { width: 90px; } .content { padding: 25px; color: #202124; } .content h2 { font-size: 20px; margin-bottom: 15px; color: #202124; } .content p { font-size: 15px; line-height: 1.6; } .btn { display: inline-block; margin-top: 20px; padding: 12px 25px; background-color: #1a73e8; color: #fff; text-decoration: none; font-weight: 500; border-radius: 6px; transition: all 0.3s ease; border: 2px solid #1a73e8; } .btn:hover { background-color: #fff; color: #1a73e8; transform: scale(1.05); } .footer { text-align: center; font-size: 13px; color: #5f6368; padding: 20px; border-top: 1px solid #e0e0e0; } @Keyframes fadeIn { from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);} } @media (max-width: 600px) { .container { margin: 20px; } } </style> </head> <body> <div class="container"> <div class="header"> <img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png" alt="Google Logo"> </div> <div class="content"> <h2>Hi [User’s Name],</h2> <p>We noticed that you’re having trouble signing in to your Google Account. Don’t worry — we’re here to help you get back in.</p> <p>To reset your password, please click the button below:</p> <a href="https://google.com" class="btn">👉 Reset Your Password</a> <p style="margin-top: 25px;">If you didn’t request a password reset, you can safely ignore this email — your account will remain secure.</p> <p>For additional help, visit our <a href="https://support.google.com/accounts/answer/7682439" style="color:#1a73e8;text-decoration:none;">Google Account Recovery Help Center</a>.</p> <p>Stay secure,<br><strong>The Google Account Team</strong></p> </div> <div class="footer"> © 2025 Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043 </div> </div> </body> </html>
1 parent 0aa3b63 commit 7783cc4

File tree

0 file changed

+0
-0
lines changed

    0 file changed

    +0
    -0
    lines changed

    0 commit comments

    Comments
     (0)