-
Notifications
You must be signed in to change notification settings - Fork 9.9k
Commit 7783cc4
authored
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 7783cc4Copy full SHA for 7783cc4
File tree
Expand file treeCollapse file tree
0 file changed
+0
-0
lines changedOpen diff view settings
Filter options
Expand file treeCollapse file tree
0 file changed
+0
-0
lines changedOpen diff view settings
0 commit comments