MFAEmailVerificationTemplate

Id: 00ECBA14-47E0-4FF5-AF05-93191A71EDC3
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2023-07-21 14:54:17.077000
Updated: 2026-03-28 14:50:08.960000

HTML body (13448 chars)

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="x-apple-disable-message-reformatting">
  <meta name="viewport" content="width=device-width" />
  <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
  <script type="text/javascript" src="css3-mediaqueries.js"></script>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Day8 Refer To Connections</title>
  <style type="text/css">
    a {
      text-decoration: none;
      outline: none;
    }

p {
      font-size: 14px;
      font-family: roboto;
    }

b {
      font-size: 14px;
      font-family: roboto;
    }

@media (max-width: 649px) {
      .o_col-full {
        max-width: 100% !important;
      }

.o_col-half {
        max-width: 50% !important;
      }

.o_hide-lg {
        display: inline-block !important;
        font-size: inherit !important;
        max-height: none !important;
        line-height: inherit !important;
        overflow: visible !important;
        width: auto !important;
        visibility: visible !important;
      }

.o_hide-xs,
      .o_hide-xs.o_col_i {
        display: none !important;
        font-size: 0 !important;
        max-height: 0 !important;
        width: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        height: 0 !important;
      }

.o_xs-center {
        text-align: center !important;
      }

.o_xs-left {
        text-align: left !important;
      }

.o_xs-right {
        text-align: left !important;
      }

table.o_xs-left {
        margin-left: 0 !important;
        margin-right: auto !important;
        float: none !important;
      }

table.o_xs-right {
        margin-left: auto !important;
        margin-right: 0 !important;
        float: none !important;
      }

table.o_xs-center {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
      }

h1.o_heading {
        font-size: 32px !important;
        line-height: 41px !important;
      }

h2.o_heading {
        font-size: 26px !important;
        line-height: 37px !important;
      }

h3.o_heading {
        font-size: 20px !important;
        line-height: 30px !important;
      }

.o_xs-py-md {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
      }

.o_xs-pt-xs {
        padding-top: 8px !important;
      }

.o_xs-pb-xs {
        padding-bottom: 8px !important;
      }
    }

@media screen {
      @font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

@font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

@font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

@font-face {
        font-family: Roboto;
        font-style: normal;
        font-weight: 700;
        src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }

.o_sans,
      .o_heading {
        font-family: "Roboto", sans-serif !important;
      }

.o_heading,
      strong,
      b {
        font-weight: 700 !important;
      }

a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
      }
    }

@media (max-width: 600px) {
      .small_font {
        font-size: 10px;
      }
    }

@media (max-width: 400px) {
      .small_font {
        font-size: 7px;
      }
    }

@media (max-width: 425px) {
      .small_font {
        font-size: 10px;
      }
    }

@media screen and (max-width: 375px) {
      .small_font {
        font-size: 7px;
      }
    }

@media (min-width: 321px) and (max-width: 374px) {
      .small_font {
        font-size: 9px;
      }
    }

@media (min-width: 301px) and (max-width: 374px) {
      .ccc {
        padding-top: 4px;
      }
    }

@media (min-width: 321px) and (max-width: 374px) {
      .youtube {
        height: 10px !important;
        width: 10px !important;
      }
    }

@media screen and (max-width: 375px) {
      .youtube {
        height: 8px !important;
        width: 8px !important;
      }
    }

@media screen and (max-width: 300px) {
      .small_font {
        font-size: 7px;
        margin-top: 2px !important;
      }
    }

@media screen and (max-width: 300px) {
      .youtube {
        width: 5px !important;
        height: 5px !important;
      }
    }

@media screen and (max-width: 450px) {
      .bbb {
        align-items: center;
        flex-direction: column-reverse;
      }
    }

@media screen and (max-width: 320px) {
      .youtube {
        width: 8px !important;
        height: 8px !important;
      }
    }

@media (max-width: 320px) {
      .image {
        font-size: 7px;
      }
    }

@media only screen and (max-width: 320px) {
      table.youtube {
        width: 7px !important;
        height: 7px !important;
      }
    }
  </style>
</head>

<body class="o_body o_bg-light"
  style="width: 100%;margin: 0px;padding: 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #f9f8fa;">
  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
  <tbody>
    <tr>
      <td class="o_bg-light o_px-xs" align="center"
        style="background-color: #f9f8fa; padding-left: 8px; padding-right: 8px;">
        <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
          style="max-width: 632px; margin: 0 auto;">
          <tbody>
            <tr>
              <td style="padding: 10px 0; text-align: left;">
               ##Disclaimer##
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" 
       style="background-color:#f9f8fa; margin:0; padding:0;">
  <tbody>
    <tr>
      <td align="center">
        <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style=" max-width:632px;">
          <tbody>
            <tr>
              <td align="center" style=" max-width:632px;">
                <div style="text-align:center; max-width:632px;">
                  ##Header##
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>
  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
    <tbody>
      <tr>
        <td class="o_bg-light o_px-xs" align="center" style="background:#f9f8fa">
          <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
            style="max-width: 632px;margin: 0 auto;">
            <tbody>
              <tr>
                <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
                  style="max-width: 632px;margin: 0 auto;">
                  <tbody>
                    <tr style="margin-bottom: 0px;background-color:white">
                      <td align="left"
                        style="background-color:white;align-items: center; flex-direction: row;padding-left: 10px;">
                        <br>
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: 5px;">
                          Hi ##UserName##,
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: 5px;">
                          We noticed a new log in attempt to your TimeChamp account. Please enter the code below on the
                          verification page to complete your log in.
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: 0px;">
                          ##OTP##
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -5px;">
                          This code will expire 10 minutes after the email is sent.
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -3px;">
                          Do not share this code with anyone else and only enter it when prompted at ##SiteAddress##.
                          <br><br>
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -7px;">
                          <b>Don t recognise this activity?</b>
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -7px;">
                          If you do not recognise this action, please read this article for more details about how to
                          review your active logins. <br><br>
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -7px;">
                          <b>Why are we sending this?</b>
                        <p
                          style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -7px;">
                          We were unable to determine whether you have used this browser or device with your account
                          before. This can happen when:
                        <ul style="line-height: 28px;color: #363636;margin-left: 5px;margin-top: 5px;">
                          <li style="color:#1E9999;"><span style="color:#363636;">You sign in for the first time on a
                              new device or browser</span></li>
                          <li style="color:#1E9999;"><span style="color:#363636;">Your device IP address has changed
                              since your last log in</span></li>
                          <li style="color:#1E9999;"><span style="color:#363636;">You use your browser s incognito or
                              private browsing mode</span></li>
                          <li style="color:#1E9999;"><span style="color:#363636;">You clear your browser cookies</span>
                          </li>
                          <li style="color:#1E9999;"><span style="color:#363636;">Someone else is accessing your
                              account</span></li>
                        </ul><br><br><b>Best Regards,</b><br><img src="https://i.stack.imgur.com/SRhpR.png"
                          alt="signature" style="margin-left: -1px;width:100px"></p>
                        </p><br>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
  </table>
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" 
       style="background-color:#f9f8fa; margin:0; padding:0;">
  <tbody>
    <tr>
      <td align="center">
        <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation" style=" max-width:632px;">
          <tbody>
            <tr>
              <td align="center" style=" max-width:632px;">
                <div style="text-align:center;  max-width:632px;">
                  ##Footer##
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>
</body>

</html>

Save note (optional, shown in version history)

Reset

Rendered preview — preview as

Version history (0 most recent)

Saved at	By	Size	Note
No saved versions yet. Each Save will record one.

MFAEmailVerificationTemplate

HTML body (13448 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as