html2.7 KB

Newsletter Template (HTML Email)

The newsletter as a responsive, table-based HTML email with inline styles — a masthead, three articles, and a call-to-action button. Opens in the in-browser editor; twin of the DOCX version.

Templates Editor testing

Preview — first 44 lineshtml

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Meridian Monthly — January 2026</title>
  </head>
  <body style="margin:0;padding:0;background:#f4f4f5;font-family:Arial,Helvetica,sans-serif;color:#18181b;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f4f4f5;">
      <tr>
        <td align="center" style="padding:24px;">
          <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="max-width:600px;background:#ffffff;border-radius:8px;overflow:hidden;">
            <tr>
              <td style="background:#059669;padding:28px 24px;color:#ffffff;">
                <div style="font-size:22px;font-weight:bold;">Meridian Monthly</div>
                <div style="font-size:13px;opacity:0.9;">News from Meridian Supply Co. — January 2026</div>
              </td>
            </tr>
            <tr>
              <td style="padding:24px;font-size:15px;line-height:1.6;">
                <h2 style="font-size:18px;margin:0 0 8px;">A fresh look is on the way</h2>
                <p style="margin:0 0 16px;">We have started a redesign of our storefront to make browsing the catalogue faster on every device. Expect clearer categories, better search, and a smoother checkout in the spring.</p>
                <h2 style="font-size:18px;margin:0 0 8px;">Product picks this month</h2>
                <p style="margin:0 0 16px;">Recycled A4 copy paper is back in stock, and our gel rollerball pens now ship in a mixed-colour box. Members save 10% on cleaning supplies through the end of the month.</p>
                <p style="margin:0 0 20px;">
                  <a href="https://meridiansupply.example/catalogue" style="display:inline-block;background:#059669;color:#ffffff;text-decoration:none;padding:12px 20px;border-radius:6px;font-weight:bold;">Browse the catalogue</a>
                </p>
                <h2 style="font-size:18px;margin:0 0 8px;">Behind the scenes</h2>
                <p style="margin:0;">Our warehouse team rolled out a new two-scan pack process in January, and order accuracy is already up. Thank you for your patience while we tightened things up.</p>
              </td>
            </tr>
            <tr>
              <td style="padding:16px 24px;background:#f4f4f5;color:#71717a;font-size:12px;line-height:1.5;">
                Meridian Supply Co. · 4400 Harbor Boulevard, Suite 200, Camden Harbor, OR 97000<br />
                You received this because you are a Meridian customer. Unsubscribe anytime.
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>

Specifications

Type: newsletter
Layout: table-based, inline styles
Max Width: 600px
Twin: DOCX

What is a .html file?

HTML (HyperText Markup Language) is the structural markup language of the web, using nested tags to define document content, semantics, and links. It is typically paired with CSS for presentation and JavaScript for behavior. It is the foundational format rendered by browsers.

How to use this file

Use an example HTML file to test parsers, DOM construction, sanitization of untrusted markup, and rendering or scraping pipelines.

Generated by generation/templates_packs.py. Free for any use, no attribution required — license.

Specifications

What is a .html file?

How to use this file

Related files