Christmas Email Templates Email template Source code

ScreenshotCodePlain Text
HTML23.29 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>Christmas Email Templates</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) {
    #8hl9p {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 24px 0 !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

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

    #Tz7Y2 {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      border-top-left-radius: 16px !important;
      border-top-right-radius: 16px !important;
      padding: 40px 36px !important;
      background: #0e231cff !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #NZSLe {
      width: 190px !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;
    }

    #Cf620 {
      display: table !important;
      position: relative !important;
      border-radius: 35px !important;
      padding: 10px 24px !important;
      margin: 24px 0 !important;
      background: #061510ff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #A0jed {
      color: #ffffff !important;
      font-size: 12px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 400 !important;
      line-height: 12px !important;
      white-space: pre-line !important;
      text-transform: uppercase !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

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

    #bp_Gh {
      color: #defaca !important;
      font-size: 36px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 700 !important;
      line-height: 54px !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

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

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

    #4n-Gc {
      width: 100% !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;
    }

    #4fJH5 {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      padding: 36px !important;
      background: #ffffffff !important;
      text-align: left !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

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

    #4mUAp {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      border-radius: 24px !important;
      padding: 36px !important;
      background: #f0f8ffff !important;
      text-align: center !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #XuWeM {
      width: 70px !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;
    }

    #q4FTi {
      color: #0e231c !important;
      font-size: 20px !important;
      position: relative !important;
      text-align: left !important;
      font-weight: 600 !important;
      white-space: pre-line !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #9Sz_P {
      font-size: 16px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 400 !important;
      white-space: pre-line !important;
      vertical-align: middle !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #ey1N_ {
      width: 120px !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;
    }

    #KyCqF {
      width: 100% !important;
      display: table !important;
      position: relative !important;
      border-bottom-left-radius: 16px !important;
      border-bottom-right-radius: 16px !important;
      padding: 36px !important;
      background: #0e231cff !important;
      text-align: center !important;
      vertical-align: top !important;
      box-sizing: border-box !important;
      table-layout: fixed !important;
    }

    #qFWYN {
      width: 40px !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;
    }

    #QT8GL {
      color: #ffffff !important;
      font-size: 14px !important;
      position: relative !important;
      text-align: center !important;
      font-weight: 400 !important;
      white-space: pre-line !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

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

    #zF3Dw {
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #rusnX {
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #wC-yz {
      position: static !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

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

    #3p7H2 {
      color: #defaca !important;
      font-size: 14px !important;
      position: relative !important;
      font-weight: 600 !important;
      text-align: initial !important;
      vertical-align: initial !important;
      box-sizing: border-box !important;
      display: block !important;
    }

    #hm9f6 {
      color: #defaca !important;
      font-size: 14px !important;
      position: relative !important;
      font-weight: 600 !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%; background:#d2decfff;">
  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="8hl9p" style="width:100%;display:table;position:relative;padding:24px 0;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="IO2N4" style="width:100%;height:100%;display:table;max-width:600px;position:relative;border-radius:12px;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="Tz7Y2" style="width:100%;display:table;position:relative;border-top-left-radius:16px;border-top-right-radius:16px;padding:40px 36px;background:#0e231cff;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="center" valign="top">
                        <td><img id="NZSLe" style="vertical-align:middle;width:190px;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-e64f82d37eee-image-1714056065909.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
                      </tr>
                      <tr align="center" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="Cf620" style="display:table;position:relative;border-radius:35px;padding:10px 24px;margin:24px 0;background:#061510ff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="middle">
                                <td style="width:auto;"><span id="A0jed" style="color:#ffffff;font-size:12px;position:relative;text-align:left;font-weight:400;line-height:12px;white-space:pre-line;text-transform:uppercase;vertical-align:initial;box-sizing:border-box;display:block;">DECEMBER 2024 • NEW TEMPLATES</span></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr align="center" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="LF1ha" style="display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="top">
                                <td style="width:auto;"><span id="bp_Gh" style="color:#defaca;font-size:36px;position:relative;text-align:center;font-weight:700;line-height:54px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Christmas Email Templates</span></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr align="center" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="81QW_" style="display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="top">
                                <td style="width:auto;"><span id="INrRj" style="color:#ffffff;font-size:36px;position:relative;text-align:left;font-weight:700;line-height:54px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">and New Updates</span></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr align="left" valign="top">
                <td><img id="4n-Gc" style="vertical-align:middle;width:100%;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-78095e9bfae3-image-1732725837998.jpg.jpeg" alt="Image" width="auto" height="auto" loading="eager" /></td>
              </tr>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="4fJH5" style="width:100%;display:table;position:relative;padding:36px;background:#ffffffff;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="left" valign="top">
                        <td><span id="5FgLf" style="font-size:16px;position:relative;text-align:start;font-weight:400;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Hello,

                            As we approach the end of the year, we’re really excited to share some big updates and new content, all designed to make your work faster and more productive this December.

                             We’re not slowing down this December! Our team is hard at work bringing you more updates and improvements, and we’ll hit the ground running in 2025. Stay tuned for what’s next.

                            Wishing you a productive and joyful holiday season!

                            Warm regards,
                            Designmodo Team</span></td>
                      </tr>
                      <tr style="height:36px;min-height:36px;"></tr>
                      <tr align="left" valign="top">
                        <td>
                          <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="4mUAp" style="width:100%;display:table;position:relative;border-radius:24px;padding:36px;background:#f0f8ffff;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="middle">
                                <td><img id="XuWeM" style="vertical-align:middle;width:70px;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-2348070ebc06-image-170966880732314.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><span id="q4FTi" style="color:#0e231c;font-size:20px;position:relative;text-align:left;font-weight:600;white-space:pre-line;vertical-align:middle;box-sizing:border-box;display:block;">Reply with ideas?</span></td>
                              </tr>
                              <tr style="height:16px;min-height:16px;"></tr>
                              <tr align="center" valign="middle">
                                <td><span id="9Sz_P" style="font-size:16px;position:relative;text-align:center;font-weight:400;white-space:pre-line;vertical-align:middle;box-sizing:border-box;display:block;">Please reply directly to this email - we would love to hear your thoughts! All the best! 👋</span></td>
                              </tr>
                              <tr style="height:16px;min-height:16px;"></tr>
                              <tr align="center" valign="middle">
                                <td><img id="ey1N_" style="vertical-align:middle;width:120px;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-413fbce429c4-image-1714056118196.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr align="left" valign="top">
                <td>
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" id="KyCqF" style="width:100%;display:table;position:relative;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:36px;background:#0e231cff;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                    <tbody>
                      <tr align="center" valign="top">
                        <td><img id="qFWYN" style="vertical-align:middle;width:40px;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-23448ceb72ab-image-1714056156898.png" alt="Image" width="auto" height="auto" loading="eager" /></td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="center" valign="top">
                        <td><span id="QT8GL" style="color:#ffffff;font-size:14px;position:relative;text-align:center;font-weight:400;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">This email was created using the Postcards email builder. You received this email because you are a Designmodo member.

                            50 N 1st St, Brooklyn, NY 11249, United States

                            Copyright © 2024 Designmodo Inc., All rights reserved.</span></td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="center" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="nhGtp" style="display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="top">
                                <td style="width:auto;"><a href="https://x.com/designmodo" target="_blank"><img id="zF3Dw" style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/24/ffffffff/0-cw/lineicons:x.png" alt="Icon" width="auto" height="24" /></a></td>
                                <td style="width:16px;min-width:16px;"></td>
                                <td style="width:auto;"><a href="https://www.linkedin.com/company/designmodo" target="_blank"><img id="rusnX" style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/24/ffffffff/0-cw/lineicons:linkedin-original.png" alt="Icon" width="auto" height="24" /></a></td>
                                <td style="width:16px;min-width:16px;"></td>
                                <td style="width:auto;"><a href="https://www.producthunt.com/products/designmodo" target="_blank"><img id="wC-yz" style="vertical-align:text-bottom;position:static;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" src="https://iconify.pagenflow.com/api/image/24/ffffffff/0-cw/lineicons:producthunt.png" alt="Icon" width="auto" height="24" /></a></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr style="height:24px;min-height:24px;"></tr>
                      <tr align="center" valign="top">
                        <td>
                          <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" id="KKVnq" style="display:table;position:relative;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
                            <tbody>
                              <tr align="center" valign="top">
                                <td style="width:auto;"><a id="3p7H2" style="color:#defaca;font-size:14px;position:relative;font-weight:600;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">Unsubscribe</a></td>
                                <td style="width:10px;min-width:10px;"></td>
                                <td style="width:auto;"><a id="hm9f6" style="color:#defaca;font-size:14px;position:relative;font-weight:600;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;" href="#">View in Browser</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