worklenz-backend/worklenz-email-templates/admin-new-subscriber-notification.html

Rama main · réplica de lectura del repositorio original.

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

<head>
  <title></title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <meta content="width=device-width,initial-scale=1" name="viewport">
  <style>
    * {
      box-sizing: border-box
    }

    body {
      margin: 0;
      padding: 0
    }

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

    #MessageViewBody a {
      color: inherit;
      text-decoration: none
    }

    p {
      line-height: inherit
    }

    .padding-30 {
      padding: 0px 30px;
    }

    .padding-20 {
      padding: 0px 20px;
    }

    .desktop_hide,
    .desktop_hide table {
      mso-hide: all;
      display: none;
      max-height: 0;
      overflow: hidden
    }

    @media (max-width: 525px) {
      .desktop_hide table.icons-inner {
        display: inline-block !important
      }

      .icons-inner {
        text-align: center
      }

      .icons-inner td {
        margin: 0 auto
      }

      .row-content {
        width: 95% !important
      }

      .mobile_hide {
        display: none
      }

      .stack .column {
        width: 100%;
        display: block
      }

      .mobile_hide {
        min-height: 0;
        max-height: 0;
        max-width: 0;
        overflow: hidden;
        font-size: 0
      }

      .desktop_hide,
      .desktop_hide table {
        display: table !important;
        max-height: none !important
      }
    }
  </style>
</head>

<body style="background-color:#fff;margin:0;padding:0;-webkit-text-size-adjust:none;text-size-adjust:none">
<table border="0" cellpadding="0" cellspacing="0" class="nl-container" role="presentation"
       style="mso-table-lspace:0;mso-table-rspace:0; background-image:none;background-position:top left;background-size:auto;background-repeat:no-repeat"
       width="100%">
  <tbody>
  <tr>
    <td>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-1" role="presentation"
             style="mso-table-lspace:0;mso-table-rspace:0" width="100%">
        <tbody>
        <tr>
          <td>

            <table border="0" cellpadding="0" cellspacing="0" class="image_block block-1 padding-20" role="presentation"
                   style="mso-table-lspace:0;mso-table-rspace:0;margin-left: auto;margin-right: auto;padding-top: 20px;
                  padding-bottom: 20px;" width="220">
              <tr>
                <td class="pad" style="width:100%;padding-right:0;padding-left:0">
                  <div align="left" class="alignment" style="line-height:10px">
                    <a href="https://www.worklenz.com" style="outline:none;width: 170px;" tabindex="-1"
                       target="_blank"><img
                      src="https://s3.us-west-2.amazonaws.com/worklenz.com/email-templates-assets/worklenz-light-mode.png"
                      style="display:block;height:auto;border:0;max-width:100%;margin-top: 10px;margin-bottom: 5px;"></a>
                  </div>
                </td>
              </tr>
            </table>
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack"
                   role="presentation"
                   style="mso-table-lspace:0;mso-table-rspace:0;color:#000;width:475px;padding-bottom: 50px;margin-bottom: 40px;"
                   width="475">
              <tbody>
              <tr>
                <td class="column column-1"
                    style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;vertical-align:top;padding-top:5px;padding-bottom:5px;border-top:0;border-right:0;border-bottom:0;border-left:0"
                    width="100%">
                  <table border="0" cellpadding="0" cellspacing="0" class="image_block block-3" role="presentation"
                         style="mso-table-lspace:0;mso-table-rspace:0" width="100%">
                    <tr>
                      <td class="pad">
                        <h1
                          style="margin:0;color:rgb(66, 66, 66);font-size:26px;line-height:120%;text-align:center;direction:ltr;font-weight:700;letter-spacing:normal;margin-top:30px;margin-bottom:0;padding-top: 20px;padding-bottom: 20px;@import url('https://fonts.googleapis.com/css2?family=Mada:wght@500&display=swap');font-family: 'Mada', sans-serif;">
                          <span class="tinyMce-placeholder">Great News!</span>
                        </h1>
                      </td>
                    </tr>
                    <tr>
                      <td class="pad" style="width:100%;padding-right:0;padding-left:0">
                        <div align="center" class="alignment" style="line-height:10px"><img
                          src="https://s3.us-west-2.amazonaws.com/worklenz.com/email-templates-assets/email-new-subscriber.webp"
                          style="display:block;height:auto;border:0;width:180px;max-width:100%;margin-top: 30px;margin-bottom: 10px;"
                          width="180">
                        </div>
                      </td>
                    </tr>
                  </table>
                  <table border="0" cellpadding="5" cellspacing="0" class="paragraph_block block-4 padding-30"
                         role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"
                         width="100%">
                    <tr>
                      <td class="pad">
                        <div
                          style="color:#505771;font-size:19px;@import url('https://fonts.googleapis.com/css2?family=Mada:wght@500&display=swap');font-family: 'Mada', sans-serif;font-weight:500;line-height:120%;text-align:center;direction:ltr;letter-spacing:0;mso-line-height-alt:24px">
                          <p style="margin-top: 0px;margin-bottom: 2px;">Hi,</p>
                        </div>
                      </td>
                    </tr>
                  </table>
                  <table border="0" cellpadding="8" cellspacing="0" class="paragraph_block block-5 padding-30"
                         role="presentation" style="mso-table-lspace:0;mso-table-rspace:0;word-break:break-word"
                         width="100%">
                    <tr>
                      <td class="pad">
                        <div
                          style="color:rgb(143,152,164);font-size:16px;@import url('https://fonts.googleapis.com/css2?family=Mada:wght@500&display=swap');font-family: 'Mada', sans-serif;font-weight:400;line-height:135%;text-align:center;direction:ltr;letter-spacing:0;mso-line-height-alt:18px">
                          <p style="margin:0;margin-bottom:10px">You have a new subscriber ([VAR_EMAIL]) for
                            Worklenz.</p>
                        </div>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              </tbody>
            </table>
      </table>
    </td>
  </tr>
  </tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" class="row row-2" role="presentation"
       style="mso-table-lspace:0;mso-table-rspace:0"
       width="100%">
  <tbody>
  <tr>
    <td>
      <table align="center" border="0" cellpadding="0" cellspacing="0" class="row-content stack" role="presentation"
             style="mso-table-lspace:0;mso-table-rspace:0;color:#000;width:475px" width="505">
        <tbody>
        <tr>
          <td class="column column-1"
              style="mso-table-lspace:0;mso-table-rspace:0;font-weight:400;text-align:left;vertical-align:top;padding-top:5px;padding-bottom:5px;border-top:0;border-right:0;border-bottom:0;border-left:0"
              width="100%">
            <table border="0" cellpadding="0" cellspacing="0" class="icons_block block-1" role="presentation"
                   style="mso-table-lspace:0;mso-table-rspace:0" width="100%">
              <tr>
                <td class="pad"
                    style="vertical-align:middle;color:#9d9d9d;font-family:inherit;font-size:15px;padding-bottom:5px;padding-top:5px;text-align:center">
                  <table cellpadding="0" cellspacing="0" role="presentation"
                         style="mso-table-lspace:0;mso-table-rspace:0"
                         width="100%">
                    <tr>
                      <td class="alignment" style="vertical-align:middle;text-align:center">
                        <!--[if vml]>
                        <table align="left" cellpadding="0" cellspacing="0" role="presentation"
                               style="display:inline-block;padding-left:0px;padding-right:0px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
                        <![endif]-->
                        <!--[if !vml]><!-->
                        <table cellpadding="0"
                               cellspacing="0"
                               class="icons-inner" role="presentation"
                               style="mso-table-lspace:0;mso-table-rspace:0;display:inline-block;margin-right:-4px;padding-left:0;padding-right:0">
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
        </tbody>
      </table>
    </td>
  </tr>
  </tbody>
</table>
</td>
</tr>
</tbody>
</table><!-- End -->
</body>

</html>