Skip to content

Conversation

@deb2023biswas-max
Copy link

<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>
Google Logo

Hi [User’s Name],

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.

To reset your password, please click the button below:

👉 Reset Your Password

If you didn’t request a password reset, you can safely ignore this email — your account will remain secure.

For additional help, visit our Google Account Recovery Help Center.

Stay secure,
The Google Account Team

© 2025 Google LLC, 1600 Amphitheatre Parkway, Mountain View, CA 94043

Summary

Screenshots (optional)

Documentation checklist

  • Is there a changelog entry (guidelines)? If you don't add one for something awesome and new (however small) — how will our customers find out? Changelogs are automatically posted to RSS feeds, the Discord, and X.
  • The change adheres to the documentation style guide.
  • If a larger change - such as adding a new page- an issue has been opened in relation to any incorrect or out of date information that this PR fixes.
  • Files which have changed name or location have been allocated redirects.

<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants