268 lines
7.3 KiB
HTML
268 lines
7.3 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html lang="en">
|
||
<head>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="x-apple-disable-message-reformatting" content=""/>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<title>Fittrackee - Password reset request</title>
|
||
<style type="text/css" rel="stylesheet" media="all">
|
||
|
||
body {
|
||
background-color: #F4F4F7;
|
||
color: #51545E;
|
||
width: 100% !important;
|
||
height: 100%;
|
||
margin: 0;
|
||
-webkit-text-size-adjust: none;
|
||
}
|
||
|
||
a {
|
||
color: #3869D4;
|
||
}
|
||
|
||
a img {
|
||
border: none;
|
||
}
|
||
|
||
td {
|
||
word-break: break-word;
|
||
}
|
||
|
||
.preheader {
|
||
display: none !important;
|
||
visibility: hidden;
|
||
mso-hide: all;
|
||
font-size: 1px;
|
||
line-height: 1px;
|
||
max-height: 0;
|
||
max-width: 0;
|
||
opacity: 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
body,
|
||
td,
|
||
th {
|
||
font-family: Helvetica, Arial, sans-serif;
|
||
}
|
||
|
||
h1 {
|
||
margin-top: 0;
|
||
color: #333333;
|
||
font-size: 22px;
|
||
font-weight: bold;
|
||
text-align: left;
|
||
}
|
||
|
||
td,
|
||
th {
|
||
font-size: 16px;
|
||
}
|
||
|
||
p {
|
||
color: #51545E;
|
||
margin: .4em 0 1.1875em;
|
||
font-size: 16px;
|
||
line-height: 1.625;
|
||
}
|
||
|
||
p.sub {
|
||
color: #6B6E76;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.button {
|
||
background-color: #3869D4;
|
||
border-top: 10px solid #3869D4;
|
||
border-right: 18px solid #3869D4;
|
||
border-bottom: 10px solid #3869D4;
|
||
border-left: 18px solid #3869D4;
|
||
display: inline-block;
|
||
color: #FFF;
|
||
text-decoration: none;
|
||
border-radius: 3px;
|
||
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.16);
|
||
-webkit-text-size-adjust: none;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.button--green {
|
||
background-color: #22BC66;
|
||
border-top: 10px solid #22BC66;
|
||
border-right: 18px solid #22BC66;
|
||
border-bottom: 10px solid #22BC66;
|
||
border-left: 18px solid #22BC66;
|
||
}
|
||
|
||
@media only screen and (max-width: 500px) {
|
||
.button {
|
||
width: 100% !important;
|
||
text-align: center !important;
|
||
}
|
||
}
|
||
|
||
.email-wrapper {
|
||
width: 100%;
|
||
margin: 0;
|
||
padding: 0;
|
||
background-color: #F4F4F7;
|
||
}
|
||
|
||
.email-content {
|
||
width: 100%;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.email-masthead {
|
||
padding: 25px 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.email-masthead-name {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
color: #A8AAAF;
|
||
text-decoration: none;
|
||
text-shadow: 0 1px 0 white;
|
||
}
|
||
|
||
.email-body {
|
||
width: 100%;
|
||
margin: 0;
|
||
padding: 0;
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.email-body-inner {
|
||
width: 570px;
|
||
margin: 0 auto;
|
||
padding: 0;
|
||
background-color: #FFFFFF;
|
||
}
|
||
|
||
.body-action {
|
||
width: 100%;
|
||
margin: 30px auto;
|
||
padding: 0;
|
||
text-align: center;
|
||
}
|
||
|
||
.body-sub {
|
||
margin-top: 25px;
|
||
padding-top: 25px;
|
||
border-top: 1px solid #EAEAEC;
|
||
}
|
||
|
||
.content-cell {
|
||
padding: 35px;
|
||
}
|
||
|
||
@media only screen and (max-width: 600px) {
|
||
.email-body-inner,
|
||
.email-footer {
|
||
width: 100% !important;
|
||
}
|
||
}
|
||
|
||
@media (prefers-color-scheme: dark) {
|
||
body,
|
||
.email-body,
|
||
.email-body-inner,
|
||
.email-content,
|
||
.email-wrapper,
|
||
.email-masthead,
|
||
.email-footer {
|
||
background-color: #333333 !important;
|
||
color: #FFF !important;
|
||
}
|
||
p,
|
||
h1 {
|
||
color: #FFF !important;
|
||
}
|
||
.email-masthead-name {
|
||
text-shadow: none !important;
|
||
}
|
||
}
|
||
</style>
|
||
<!--[if mso]>
|
||
<style type="text/css">
|
||
.f-fallback {
|
||
font-family: Arial, sans-serif;
|
||
}
|
||
</style>
|
||
<![endif]-->
|
||
</head>
|
||
<body>
|
||
<span class="preheader">Use this link to reset your password. The link is only valid for {{ expiration_delay }}.</span>
|
||
<table class="email-wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
||
<tr>
|
||
<td align="center">
|
||
<table class="email-content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
||
<tr>
|
||
<td class="email-masthead">
|
||
<a href="https://example.com" class="f-fallback email-masthead-name">
|
||
FitTrackee
|
||
</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="email-body" width="100%" cellpadding="0" cellspacing="0">
|
||
<table class="email-body-inner" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
|
||
<tr>
|
||
<td class="content-cell">
|
||
<div class="f-fallback">
|
||
<h1>Hi {{username}},</h1>
|
||
<p>You recently requested to reset your password for your account. Use the button below to reset it.
|
||
<strong>This password reset link is only valid for {{ expiration_delay }}.</strong>
|
||
</p>
|
||
<table class="body-action" align="center" width="100%" cellpadding="0" cellspacing="0" role="presentation">
|
||
<tr>
|
||
<td align="center">
|
||
<table width="100%" border="0" cellspacing="0" cellpadding="0" role="presentation">
|
||
<tr>
|
||
<td align="center">
|
||
<a href="{{password_reset_url}}" class="f-fallback button button--green" target="_blank">Reset your password</a>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<p>
|
||
For security, this request was received from a {{operating_system}} device using {{browser_name}}.
|
||
If you did not request a password reset, please ignore this email.
|
||
</p>
|
||
<p>Thanks,
|
||
<br>The FitTrackee Team</p>
|
||
<table class="body-sub" role="presentation">
|
||
<tr>
|
||
<td>
|
||
<p class="f-fallback sub">If you’re having trouble with the button above, copy and paste the URL below into your web browser.</p>
|
||
<p class="f-fallback sub">{{password_reset_url}}</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>
|
||
<table class="email-footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
|
||
<tr>
|
||
<td class="content-cell" align="center">
|
||
<p class="f-fallback sub align-center">© FitTrackee.</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</body>
|
||
</html> |