UserSignatureInvitationTemplate

Id: D27EB7BD-F235-4BE6-94B6-3104F25087A1
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2023-09-15 16:16:58.450000
Updated: 2026-03-28 14:50:11.303000

HTML body (15126 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>Usersignature Invitation</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: #dbe5ea;">
  <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: #dbe5ea; 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:#dbe5ea; 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: #dbe5ea; 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: #ebf5fa;                                              color: #82899a;                                              padding-left: 24px;                                              padding-right: 24px;                                              padding-top: 64px;                                              padding-bottom: 64px;                                          ">
                  <table role="presentation" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                      <tr>
                        <td class="o_sans o_text o_text-secondary o_b-primary o_px o_py o_br-max" align="center"
                          style="                                                              font-family: Helvetica, Arial, sans-serif;                                                              margin-top: 0;                                                              margin-bottom: 0;                                                              font-size: 16px;                                                              line-height: 24px;                                                              color: #424651;                                                              border: 2px solid #126de5;                                                              border-radius: 96px;                                                              padding-left: 16px;                                                              padding-right: 16px;                                                              padding-top: 16px;                                                              padding-bottom: 16px;                                                          ">
                          <img src="https://i.imgur.com/K19Trzv.png" width="48" height="48" alt=""
                            style="max-width: 48px; -ms-interpolation-mode: bicubic; vertical-align: middle; border: 0; line-height: 100%; height: auto; outline: 0; text-decoration: none;" />
                        </td>
                      </tr>
                      <tr>
                        <td height="40">&nbsp;</td>
                        <td height="40">&nbsp;</td>
                      </tr>
                      <tr>
                        <td style="font-size: 8px; line-height: 8px; height: 8px;">&nbsp;</td>
                        <td style="font-size: 8px; line-height: 8px; height: 8px;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  <h3 class="o_heading o_text-dark o_mb-xxs"
                    style="font-family: Helvetica, Arial, sans-serif; font-weight: 700; margin-top: 0; margin-bottom: 24px; color: #242b3d; font-size: 30px; line-height: 39px;">
                   Hello ##InviteeName##, You Have Been Invited </h3>
                  <div class="o_px-xs" style="padding-left: 8px; padding-right: 8px;"></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: #dbe5ea; 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 o_sans o_text o_text-secondary" align="center"
                  style="                                              font-family: Helvetica, Arial, sans-serif;                                              margin-top: 0;                                              margin-bottom: 0;                                              font-size: 16px;                                              line-height: 20px;                                              background-color: #fff;                                              color: #424651;                                              padding-left: 24px;                                              padding-right: 24px;                                              padding-top: 5px;                                              padding-bottom: 16px;                                          ">
                  <br />
                  <p style="margin-top: 0; margin-bottom: 0;"> This is to inform that ##InvitedByName## has invited you
                    to submit a signature for a file. You can check this under signature invitations in your profile.
                  </p>
                </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: #dbe5ea; 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"
                  style="font-size: 48px; line-height: 48px; height: 48px; background-color: #fff;">&nbsp;</td>
              </tr>
            </tbody>
          </table>
          
        </td>
      </tr>
    </tbody>
  </table>
  <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
    style="background-color:#dbe5ea; 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>
</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.

UserSignatureInvitationTemplate

HTML body (15126 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as