<!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 - {% block title %}{% endblock %}</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">{% block preheader %}{% endblock %}</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="{{fittrackee_url}}" 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)s,', username=username) }}</h1> {% block content %}{% endblock %} <p> {% if operating_system and browser_name %}{{ _('For security, this request was received from a %(operating_system)s device using %(browser_name)s.', operating_system=operating_system, browser_name=browser_name) }} {% endif %}{% block not_initiated %}{% endblock %} </p> <p>{{ _('Thanks,') }} <br>{{ _('The FitTrackee Team') }}</p> {% block url_to_paste %}{% endblock %} </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>