<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap"
      rel="stylesheet"
    />
    <style>
      body {
        font-family: "Nunito Sans", sans-serif;
        margin: 0;
      }

      h1 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin: 0;
        padding-bottom: 32px;
      }

      p {
        font-size: 16px;
        line-height: 22px;
        margin: 0;
        padding-bottom: 32px;
      }

      a {
        text-decoration: none;
        color: #6a67fe;
      }

      a:hover {
        text-decoration: none;
      }

      @media only screen and (max-device-width: 480px) {
        table {
          width: 100% !important;
          padding: 0 !important;
          margin: 0 !important;
        }

        td {
          width: 100% !important;
          padding: 20px !important;
        }
      }
    </style>
  </head>
  <body style="color: #192147">
    <table
      align="center"
      border="0"
      cellpadding="0"
      cellspacing="0"
      height="100%"
      width="100%"
      bgcolor="#F9FAFC"
      style="
        background: #f9fafc;
        font-family: 'Nunito Sans', sans-serif;
        border-collapse: collapse;
      "
    >
      <tr>
        <td valign="top" align="center">
          <table
            width="580"
            align="center"
            cellpadding="0"
            cellspacing="0"
            bgcolor="#ffffff"
            style="
              margin: 20px 20px;
              border: 1px solid #e2e4ea;
              border-radius: 8px;
            "
          >
            <tr>
              <td
                colspan="2"
                bgcolor="#ffffff"
                style="
                  padding-top: 40px;
                  padding-left: 48px;
                  font-family: 'Nunito Sans', sans-serif;
                  border-radius: 8px 8px 0px 0px;
                "
              >
                <a href="https://fleetdm.com" target="_blank">
                  <img
                    alt="Fleet logo"
                    src="{{.AssetURL}}/fleet-logo-blue-118x41@2x.png"
                    style="height: 41px; width: 118px"
                  />
                </a>
              </td>
            </tr>
            <tr>
              <td
                colspan="2"
                style="
                  padding-top: 48px;
                  padding-bottom: 48px;
                  padding-left: 48px;
                  padding-right: 48px;
                  font-family: 'Nunito Sans', sans-serif;
                "
              >
                <h1>Reset your Fleet password</h1>
                <p>
                  Someone requested a password reset on your Fleet account.
                  Please click below to reset your password.
                </p>
                <a
                  href="{{.BaseURL}}/login/reset?token={{.Token}}"
                  target="_blank"
                  style="
                    font-weight: 700;
                    color: #fff;
                    text-decoration: none;
                    border-radius: 4px;
                    -webkit-border-radius: 4px;
                    background-color: #6a67fe;
                    border-top: 8px solid #6a67fe;
                    border-bottom: 8px solid #6a67fe;
                    border-right: 16px solid #6a67fe;
                    border-left: 16px solid #6a67fe;
                    display: inline-block;
                  "
                >
                  Reset password
                </a>
                <p style="font-style: italic; padding-top: 32px; padding-bottom: 0;">
                  If you did not make the request, you may ignore this email as no changes have been made.
                </p>
                <div
                  style="border-bottom: 1px solid #e2e4ea; padding-top: 32px"
                ></div>
                <div style="padding-top: 32px; padding-bottom: 32px">
                  <a href="https://github.com/fleetdm/fleet" target="_blank">
                    <img
                      alt="Fleet logo"
                      style="height: 20px; width: 20px; padding-right: 20px"
                      src="{{.AssetURL}}/fleet-mark-color-40x40@2x.png"
                    />
                  </a>
                  <a href="https://twitter.com/fleetctl" target="_blank">
                    <img
                      alt="Twitter logo"
                      style="height: 20px; width: 25px; padding-right: 20px"
                      src="{{.AssetURL}}/twitter-logo-50x40@2x.png"
                    />
                  </a>
                  <a
                    href="https://osquery.slack.com/join/shared_invite/zt-h29zm0gk-s2DBtGUTW4CFel0f0IjTEw#/"
                    target="_blank"
                  >
                    <img
                      alt="Slack logo"
                      style="height: 20px; width: 20.5px; padding-right: 20px"
                      src="{{.AssetURL}}/slack-logo-41x40@2x.png"
                    />
                  </a>
                </div>
                <p style="font-size: 12px; line-height: 16px; padding: 0">
                  © 2022 Fleet Device Management Inc. <br />
                  All trademarks, service marks, and company names are the
                  property of their respective owners.
                </p>
              </td>
            </tr>
          </table>
          <br />
        </td>
      </tr>
    </table>
  </body>
</html>
