Monthly news Email template Source code

ScreenshotCodePlain Text
HTML20.28 Kb
<!DOCTYPE html>
<html lang="en" style="margin: 0; padding: 0; height: 100%; width: 100%;">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Type" content="text/html charset=UTF-8">
  <title>Monthly news</title>
  <style type="text/css">
  .tiny-prose :first-child {
    margin-top: 0
  }

  .tiny-prose ul,
  .tiny-prose ol {
    list-style-position: outside;
    padding: 0 0 0 1rem;
  }

  .tiny-prose ul li p,
  .tiny-prose ol li p {
    margin-top: .25em;
    margin-bottom: .25em
  }

  .tiny-prose li p {
    margin: .25em 0 .25em 0;
  }

  .tiny-prose li p:first-child {
    margin-top: 0;
  }

  .tiny-prose li p:last-child {
    margin-bottom: 0;
  }

  .tiny-prose ul {
    list-style-type: disc;
  }

  .tiny-prose ol {
    list-style-type: decimal;
  }

  .tiny-prose ul ul,
  .tiny-prose ol ul {
    list-style-type: circle;
  }

  .tiny-prose ol ol,
  .tiny-prose ul ol {
    list-style-type: lower-roman;
  }

  </style>
  <style type="text/css">
  * {
    margin: 0px;
    text-decoration: none;
  }

  table,
  tbody,
  tr,
  td {
    line-height: 1;
  }

  @media screen and (max-width: 600px) {
    #5wwI_ {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #15lzu {
      width: 100% !important;
      height: 100% !important;
      display: table !important;
      max-width: 600px !important;
      position: relative !important;
      background: #ffffffff !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #CNEo4 {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 32px 0 !important;
      background: #f3faf8ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #Uy6Qc {
      width: 128px !important;
      position: static !important;
      object-fit: scale-down !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #GS7IG {
      display: table !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #oRXH1 {
      color: #1cc691 !important;
      font-size: 28px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 500 !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #1y4uy {
      color: #1cc691 !important;
      font-size: 28px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 700 !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #no47k {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 32px !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #frEcb {
      width: 44px !important;
      height: 44px !important;
      position: static !important;
      object-fit: scale-down !important;
      object-position: center !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #rX76A {
      font-size: 16px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 400 !important;
      line-height: 24px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #PyIh1 {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 12px 32px !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #C7VdD {
      font-size: 24px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 700 !important;
      line-height: 24px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #rRQbw {
      width: 128px !important;
      height: 8px !important;
      position: relative !important;
      margin: 8px 0 !important;
      background: #1cc691ff !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #FBiQq {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 12px 32px !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #YeBws {
      font-size: 16px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 400 !important;
      line-height: 24px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #tISJv {
      font-size: 16px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 400 !important;
      line-height: 24px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #oYigP {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #XT0Bx {
      color: #02875d !important;
      display: block !important;
      font-size: 16px !important;
      position: relative !important;
      font-weight: 600 !important;
      background-color: #D9D9D9 !important;
      border-radius: 44px !important;
      padding: 16px 36px !important;
      background: #d2f4e9ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
    }

    #f5nXP {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 32px !important;
      margin: 36px 0 0 !important;
      background: #d2f4e9ff !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #qmDVc {
      font-size: 14px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 300 !important;
      line-height: 20px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #PqE2R {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #zP509 {
      color: #02875d !important;
      font-size: 14px !important;
      position: relative !important;
      font-weight: 500 !important;
      text-decoration-line: underline !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #vAX2- {
      color: #02875d !important;
      font-size: 14px !important;
      position: relative !important;
      font-weight: 500 !important;
      text-decoration-line: underline !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #NQFA8 {
      color: #02875d !important;
      font-size: 14px !important;
      position: relative !important;
      font-weight: 500 !important;
      text-decoration-line: underline !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #9MtzW {
      color: #02875d !important;
      font-size: 14px !important;
      position: relative !important;
      font-weight: 500 !important;
      text-decoration-line: underline !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }
  }

  </style>
  <style type="text/css">
  </style>

</head>

<body style="margin: 0; padding: 0; height: 100%; width: 100%; font-family:Inter;">
  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="5wwI_" style="width:100%;display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
    <tbody>
      <tr align="center" valign="top">
        <td>
          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="15lzu" style="width:100%;height:100%;display:table;max-width:600px;position:relative;background:#ffffffff;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
            <tbody>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="CNEo4" style="width:100%;display:table;position:relative;padding:32px 0;background:#f3faf8ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="center" valign="middle">
                        <td><img id="Uy6Qc" style="vertical-align:middle;width:128px;position:static;object-fit:scale-down;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://pagenflow-files.s3.us-east-1.amazonaws.com/media-4312666225b0-iubenda.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
                      </tr>
                      <tr style="height:16px;min-height:16px;"></tr>
                      <tr align="center" valign="middle">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="GS7IG" style="display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="left" valign="top">
                                <td style="width:auto;"><span id="oRXH1" style="color:#1cc691;font-size:28px;position:relative;text-align:left;font-weight:500;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">November</span></td>
                                <td style="width:12px;min-width:12px;"></td>
                                <td style="width:auto;"><span id="1y4uy" style="color:#1cc691;font-size:28px;position:relative;text-align:left;font-weight:700;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">2024</span></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr align="left" valign="top">
                <td>
                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="no47k" style="width:100%;display:table;position:relative;padding:32px;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr style="display:block;" align="left" valign="top">
                        <td style="width:auto;"><img id="frEcb" style="vertical-align:middle;width:44px;height:44px;position:static;object-fit:scale-down;object-position:center;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://pagenflow-files.s3.us-east-1.amazonaws.com/media-6d9cc1766bc0-25d14d42-551e-44b3-95ad-3676430b7d82-wave-hand.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
                        <td style="width:24px;min-width:24px;"></td>
                        <td style="width:auto;"><span id="rX76A" style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Hey there,
                            Here's what happened recently:</span></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="PyIh1" style="width:100%;display:table;position:relative;padding:12px 32px;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td><span id="C7VdD" style="font-size:24px;position:relative;text-align:left;font-weight:700;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">2 must-know in data protection & privacy law</span></td>
                      </tr>
                      <tr align="left" valign="top">
                        <td style="display:block;width:100%;">
                          <span id="rRQbw" style="width:128px;height:8px;position:relative;margin:8px 0;background:#1cc691ff;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;"></span>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="FBiQq" style="width:100%;display:table;position:relative;padding:12px 32px;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td><span id="YeBws" style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Eight new privacy laws will be enforced in states like New Jersey, Maryland, and Tennessee in 2025, with stricter penalties for non-compliance. iubenda's tools and upcoming webinar can help you comply quickly.</span></td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="left" valign="top">
                        <td><span id="tISJv" style="font-size:16px;position:relative;text-align:left;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">The Spanish privacy authority (AEPD) fined SEAT SA €12,000 for installing non-technical cookies without users' consent. The company's website placed cookies on the users' devices even after they withdrew their consent.Our Privacy Controls and Cookie Solution can help you create a compliant cookie banner and avoid similar mistakes.</span></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr align="left" valign="top">
                <td>
                  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="oYigP" style="width:100%;display:table;position:relative;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr style="display:block;" align="center" valign="middle">
                        <td><a id="XT0Bx" style="color:#02875d;display:block;font-size:16px;position:relative;font-weight:600;background-color:#D9D9D9;border-radius:44px;padding:16px 36px;background:#d2f4e9ff;text-align:center;vertical-align:middle;box-sizing:border-box;" href="#">Subscribe now</a></td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="f5nXP" style="width:100%;display:table;position:relative;padding:32px;margin:36px 0 0;background:#d2f4e9ff;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td><span id="qmDVc" style="font-size:14px;position:relative;text-align:left;font-weight:300;line-height:20px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">We take great care in providing information to you, but please be aware of the fact that these emails can not be considered a substitute for professional legal advice, nor do they create an attorney-client relationship.</span></td>
                      </tr>
                      <tr style="height:16px;min-height:16px;"></tr>
                      <tr align="left" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="PqE2R" style="width:100%;display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr style="display:block;" align="left" valign="top">
                                <td style="width:auto;"><a id="zP509" style="color:#02875d;font-size:14px;position:relative;font-weight:500;text-decoration-line:underline;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Unsubscribe </a></td>
                                <td style="width:12px;min-width:12px;"></td>
                                <td style="width:auto;"><a id="vAX2-" style="color:#02875d;font-size:14px;position:relative;font-weight:500;text-decoration-line:underline;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Edit your email preferences</a></td>
                                <td style="width:12px;min-width:12px;"></td>
                                <td style="width:auto;"><a id="NQFA8" style="color:#02875d;font-size:14px;position:relative;font-weight:500;text-decoration-line:underline;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Privacy Policy</a></td>
                                <td style="width:12px;min-width:12px;"></td>
                                <td style="width:auto;"><a id="9MtzW" style="color:#02875d;font-size:14px;position:relative;font-weight:500;text-decoration-line:underline;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Terms</a></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</body>

</html>
Share

No registration required - Start editing instantly

Clone to My Account

Save this template to your account for future use

Seamless Compatibility

Design once, send everywhere

Your emails will look perfect across all major email clients and devices.

Proton Mail
Zoho Mail
Gmail
Yahoo Mail
Android
Apple Mail
Outlook
And more
Take a lookNo signup required

How it works

How to Edit Product Update / New Feature Email Template

Follow these steps to clone, customize, and export your email template using our free email template builder.

1
2
3
4
5
Feature clone email template
Step 1

Clone the Email Template

Start by cloning the email template you want to edit. Cloning creates a duplicate of the original template, allowing you to make changes without affecting the original design.

Note: This step ensures you have a fresh copy to work with, preserving the original template for future use.

Step 2: Update the Template Content

Customize your email template content and design to match your brand.

Note: This step allows you to tailor the template to your specific campaign or purpose.

Step 3: Customize the Design

Customize your email template content and design to match your brand.

Note: This step ensures your template is visually appealing and consistent with your brand identity.

Step 4: Test the Template

Customize your email template content and design to match your brand.

Note: This step helps you catch and fix any issues before sending the email to your audience.

Step 5: Export the Template

Once you're satisfied with your customized template, export it for use in your email campaigns.

Note: This step finalizes your template and makes it ready for use in your campaigns.

You may also like...

Screenshot of This week only email templateThis week onlytemplateFreeScreenshot of Android 16 Android 16 Beta 2 is here 🚀 email template Android 16 Android 16 Beta 2 is here 🚀templateFreeScreenshot of Verify your email address email templateVerify your email addresstemplateFree
Explore email templates