TimesheetPaymentNotification

Id: 43038DB6-AA12-4157-8C56-528966738110
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2022-06-22 19:15:20.403000
Updated: 2026-03-28 14:50:11.303000

HTML body (10424 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 http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Timesheet Payment Notification</title>
  <style type="text/css">
    a {
      text-decoration: none;
      outline: 0
    }

@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_heading,
      .o_sans {
        font-family: Roboto, sans-serif !important
      }

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

a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important
      }
    }
  </style>
</head>

<body class="o_body o_bg-light"
  style="width:100%;margin:0;padding:0;-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_hide" align="center"
          style="display:none;font-size:0;max-height:0;width:0;line-height:0;overflow:hidden;mso-hide:all;visibility:hidden">
          Email Summary (Hidden) </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-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-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 class="o_bg-white o_px-md o_py-xl o_xs-py-md o_sans o_text-md o_text-light" align="center"
                  style="font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0;font-size:19px;line-height:28px;background-color:#fff;color:#82899a;padding-left:24px;padding-right:24px;padding-top:5px;padding-bottom:45px">
                  <img src="https://i.imgur.com/CEBYdsB.jpg" width="250" height="200" alt=""
                    style="max-width:300px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                  <p class="o_mb-xxs"
                    style="font-family:poppins;margin-top:0;margin-bottom:10px;color:#242b3d;font-size:19px;line-height:35px">
                    Hi <span class="o_heading" style="color:#1faf9b;font-family:poppins">##ToName##</span>, your payment
                    of <span style="font-weight:600">##Amount##</span> for the pay period with <span
                      style="font-weight:600">##WorkedHours##</span> hours was done successfully. </p>
                  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
                    <tbody>
                      <tr>
                        <td class="o_re o_bt-light"
                          style="font-size:16px;line-height:16px;height:16px;vertical-align:top;border-top:1px solid #d3dce0">
                          &nbsp; </td>
                      </tr>
                    </tbody>
                  </table>
                  <p style="color:#242b3d;font-size:19px;text-align:left;font-family:poppins">
                  <p style="color:#000;text-align:center;margin:5px">From :<span style="font-weight:normal">
                      ##payPeriodFromDate##</span> </p>
                  <p style="color:#000;text-align:center;margin:5px">To :<span style="font-weight:normal">
                      ##payPeriodEndDate##</span> </p>
                  </p>
                  <table align="center" cellspacing="0" cellpadding="0" border="0" role="presentation">
                    <tbody>
                      <tr>
                        <td width="300" class="o_btn o_bg-primary o_br o_heading o_text" align="center"
                          style="font-family:poppins;font-weight:600;margin-top:0;margin-bottom:0;font-size:15px;line-height:24px;mso-padding-alt:12px 24px;background-color:#4cb2b2;border-radius:4px">
                          <a class="o_text-white" href="##siteAddress##"
                            style="text-decoration:none;outline:0;color:#fff;display:block;padding:10px 20px;mso-text-raise:2px">Click
                            here to view</a> </td>
                      </tr>
                    </tbody>
                  </table>
                </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;"> ##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.

TimesheetPaymentNotification

HTML body (10424 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as