Reset your password (Light Theme)
Simple password reset template
Preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" /><!--$-->
</head>
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">Reset your password - secure your account in just a few clicks<div> </div>
</div>
<body style="background-color:rgb(249,250,251);font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"">
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:600px;margin-left:auto;margin-right:auto;padding-top:3rem;padding-bottom:3rem;padding-left:1rem;padding-right:1rem">
<tbody>
<tr style="width:100%">
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);border-radius:0.5rem;box-shadow:0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0,0,0,0.05);border-width:1px;border-color:rgb(229,231,235);padding:2rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center;margin-bottom:2rem">
<tbody>
<tr>
<td>
<h1 style="font-size:1.5rem;line-height:2rem;font-weight:700;color:rgb(17,24,39);margin-bottom:0.5rem">Reset Your Password</h1>
<p style="font-size:1rem;line-height:1.625;color:rgb(75,85,99);margin:16px 0">We received a request to reset your password. Click the button below to create a new password.</p>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center;margin-bottom:2rem">
<tbody>
<tr>
<td><a href="{{ .ConfirmationURL }}" class="hover:bg-blue-700" style="background-color:#2563eb;color:#ffffff;padding-left:2rem;padding-right:2rem;padding-top:1rem;padding-bottom:1rem;border-radius:0.5rem;font-size:1rem;line-height:1.5rem;font-weight:600;text-decoration-line:none;display:inline-block;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;text-decoration:none;max-width:100%;mso-padding-alt:0px;min-height:44px;padding:16px 32px 16px 32px" target="_blank"><span><!--[if mso]><i style="mso-font-width:400%;mso-text-raise:24" hidden>    </i><![endif]--></span><span style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:12px">Reset Password</span><span><!--[if mso]><i style="mso-font-width:400%" hidden>    ​</i><![endif]--></span></a></td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(248,250,252);padding:1rem;border-radius:0.5rem;border-width:1px;border-color:rgb(243,244,246);margin-bottom:1.5rem">
<tbody>
<tr>
<td>
<p style="font-size:0.875rem;line-height:1.625;color:rgb(55,65,81);margin-bottom:0.5rem;margin:16px 0"><strong>Security reminder:</strong> This link will expire in 1 hour for your protection.</p>
<p style="font-size:0.875rem;line-height:1.625;color:rgb(75,85,99);margin:16px 0">If you didn't request this password reset, you can safely ignore this email.</p>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="border-top-width:1px;border-color:rgb(229,231,235);padding-top:1.5rem">
<tbody>
<tr>
<td>
<p style="font-size:0.875rem;line-height:1.625;color:rgb(75,85,99);margin-bottom:0.75rem;margin:16px 0">Having trouble with the button? Copy and paste this link:</p>
<p style="font-size:0.875rem;line-height:1.25rem;word-break:break-all;margin:16px 0"><a href="{{ .ConfirmationURL }}" style="color:#2563eb;text-decoration-line:underline">{{ .ConfirmationURL }}</a></p>
<p style="font-size:0.75rem;line-height:1.625;color:rgb(107,114,128);margin-top:1rem;margin:16px 0">After resetting your password, you'll be redirected to: {{ .RedirectTo }}</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center;margin-top:2rem">
<tbody>
<tr>
<td>
<p style="font-size:0.75rem;line-height:1.625;color:rgb(107,114,128);margin:16px 0">This is an automated security email. Please do not reply to this message.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table><!--/$-->
</body>
</html>