Membership Anniversary Note email template
A membership anniversary email for a wildlife charity: a kingfisher photo with live headline, what the year of support helped do, two park stories and a note.
Light shows the email as designed. Dark and Gmail show how email apps can change its colors.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="x-apple-disable-message-reformatting">
<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<title>Membership Anniversary Note</title>
<!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
<style>
:root{color-scheme:light dark;supported-color-schemes:light dark;}
body{margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
table,td{mso-table-lspace:0pt;mso-table-rspace:0pt;border-collapse:collapse;}
img{border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
u + .ete-body a{color:inherit;text-decoration:none;}
@media only screen and (max-width:620px){
.ete-container{width:100%!important;max-width:100%!important;}
.ete-outer{padding:0!important;}
.ete-content{border-radius:0!important;}
.ete-px{padding-left:20px!important;padding-right:20px!important;}
.ete-stack{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;padding-left:0!important;padding-right:0!important;}
.ete-stack-gap{padding-bottom:20px!important;}
.ete-fluid{width:100%!important;max-width:100%!important;height:auto!important;}
.ete-fluid-cap{width:100%!important;max-width:280px!important;height:auto!important;display:block!important;margin-left:auto!important;margin-right:auto!important;}
.ete-stack-center,.ete-stack-center p{text-align:center!important;}
.ete-h1{font-size:28px!important;line-height:34px!important;}
.ete-h2{font-size:22px!important;line-height:28px!important;}
.ete-code{font-size:24px!important;letter-spacing:2px!important;}
.ete-btn-full{display:block!important;width:100%!important;box-sizing:border-box;}
.ete-ds-44{font-size:31px!important;line-height:34px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-icon-wrap{min-width:0!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#0b110d!important;}
.ete-content{background-color:#121a15!important;}
.ete-text{color:#d3ddd5!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#98a69c!important;}
.ete-link{color:#9fd8b2!important;}
.ete-border{border-color:#24302a!important;}
.ete-panel{background-color:#18221c!important;border-color:#24302a!important;}
.ete-btn{background-color:#86c79c!important;border-color:#86c79c!important;}
.ete-btn-text{color:#0b110d!important;}
.ete-btn-outline{border-color:#86c79c!important;}
.ete-btn-outline-text{color:#86c79c!important;}
.ete-logo-light{display:none!important;}
.ete-logo-dark{display:block!important;max-height:none!important;overflow:visible!important;}
}
[data-ogsc] .ete-text{color:#d3ddd5!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#98a69c!important;}
[data-ogsc] .ete-link{color:#9fd8b2!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#0b110d!important;}
[data-ogsb] .ete-content{background-color:#121a15!important;}
[data-ogsb] .ete-panel{background-color:#18221c!important;border-color:#24302a!important;}
body,table,td,th,p,a,span,div,li{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
h1,h2,h3,.ete-hf{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-serif{mso-ascii-font-family:Georgia;mso-hansi-font-family:Georgia;mso-bidi-font-family:Georgia;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=DM+Serif+Display:ital@0;1&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#e9eee8;">
<!-- Made with emailtemplateexamples.com -->
<div class="ete-preheader" style="display:none;font-size:1px;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;">Today marks one year since you joined. Here is what your membership helped do. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#e9eee8;">
<tr><td align="center" class="ete-outer" style="padding:24px 12px;">
<!--[if mso]><table role="presentation" width="600" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td><![endif]-->
<table role="presentation" class="ete-container" width="600" cellpadding="0" cellspacing="0" border="0" style="width:100%;max-width:600px;margin:0 auto;">
<tr><td class="ete-content" style="background-color:#ffffff;border-radius:8px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="center" class="ete-px" style="padding:28px 32px 20px;"><span class="ete-heading" style="font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-0.3px;color:#142018;">City Wildlife Society</span><div class="ete-muted" style="padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;letter-spacing:2px;text-transform:uppercase;color:#68736a;">Wild places in the city</div></td></tr>
<tr><td bgcolor="#2a3320" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/membership-anniversary-note-hero.jpg" valign="top" style="background-color:#2a3320;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/membership-anniversary-note-hero.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat;"><!--[if gte mso 9]><v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:500px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/membership-anniversary-note-hero.jpg" color="#2a3320" /><v:textbox inset="0,0,0,0"><![endif]--><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-px" valign="top" align="center" height="500" style="height:500px;padding:48px 6.67%;mso-padding-alt:48px 40px;text-align:center;background-color:rgba(0,0,0,0.45);"><p style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#ffffff;text-align:center;">Happy membership day</p><h1 class="ete-ds-44" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:44px;line-height:48px;font-weight:400;color:#ffffff;text-align:center;mso-line-height-rule:exactly;letter-spacing:-0.5px;font-size:min(44px,7.33vw);line-height:min(48px,8vw);overflow-wrap:anywhere;word-break:break-word;">One year of wild neighbors</h1><p style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:16px;text-align:center;">{{first_name}}, a year ago today you joined us. Thank you for looking out for the wild side of the city.</p><div style="padding-top:28px;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center"><tr><td align="center"><!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://example.com/member" style="height:48px;v-text-anchor:middle;width:244px;" arcsize="50%" strokecolor="#ffffff" fillcolor="#ffffff"><w:anchorlock/><center style="color:#142018;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">See your member page</center></v:roundrect><![endif]--><!--[if !mso]><!--><a href="https://example.com/member" style="display:inline-block;background-color:#ffffff;border:1px solid #ffffff;line-height:48px;border-radius:24px;color:#142018;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0 28px;-webkit-text-size-adjust:none;mso-hide:all;"><span style="color:#142018;">See your member page</span></a><!--<![endif]--></td></tr></table></div></td></tr></table><!--[if gte mso 9]></v:textbox></v:rect><![endif]--></td></tr>
<tr><td class="ete-px" style="padding:24px 32px 8px;"><p class="ete-link" style="margin:0 0 12px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#2d5e3e;text-align:center;">Your year with us</p><h2 class="ete-heading ete-h2" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:24px;line-height:32px;font-weight:400;color:#142018;text-align:center;mso-line-height-rule:exactly;">What your support went into</h2></td></tr>
<tr><td class="ete-px" style="padding:28px 32px 12px;"><div style="font-size:0;text-align:center;"><!--[if mso]><table role="presentation" width="536" cellpadding="0" cellspacing="0" border="0"><tr><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-tree-3a7d55.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#142018;text-align:center;">Green corridors</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#68736a;text-align:center;">Hedges planted by the canal</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-droplet-3a7d55.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#142018;text-align:center;">Cleaner ponds</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#68736a;text-align:center;">Reed beds brought back</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-icon-wrap" style="display:inline-block;vertical-align:top;width:33.33%;min-width:94px;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-icon-cell" style="padding:0 8px 16px;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/icon-camera-3a7d55.png" alt="" width="36" height="36" class="" style="display:block;width:36px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;margin:0 auto;"><p class="ete-heading" style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:19px;font-weight:700;color:#142018;text-align:center;">Wildlife counts</p><p class="ete-muted" style="margin:0;padding-top:4px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:18px;color:#68736a;text-align:center;">The spring bird survey</p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:12px 22px 0;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" width="556" cellpadding="0" cellspacing="0" border="0"><tr><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/foxes"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/membership-anniversary-note-fox.jpg" alt="A red fox peeking out of tall summer grass in a meadow" width="258" height="194" class="ete-fluid-cap" style="display:block;width:258px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#142018;text-align:left;mso-line-height-rule:exactly;">The foxes of Eastside Park</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b463d;padding-top:6px;text-align:left;">Our volunteers mapped the dens so the new path could bend around them.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/foxes" style="color:#2d5e3e;text-decoration:underline;">Read the story</a></p></td></tr></table></div><!--[if mso]></td><td width="278" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:50%;max-width:100%;width:50%;width:calc((445px - 100%) * 445);font-size:16px;text-align:left;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td class="ete-cell" style="padding:4px 10px 16px;"><a href="https://example.com/pond"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/membership-anniversary-note-pond.jpg" alt="Purple water lilies among round green pads on a dark still pond" width="258" height="194" class="ete-fluid-cap" style="display:block;width:258px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;width:100%;max-width:280px;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-size:19px;line-height:26px;font-weight:400;color:#142018;text-align:left;mso-line-height-rule:exactly;">Willow Green pond</h3></div><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:24px;color:#3b463d;padding-top:6px;text-align:left;">New reeds, a clear inlet and the first frogs back in spring.</p><p style="margin:0;padding-top:10px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;line-height:22px;font-weight:700;text-align:left;"><a class="ete-link" href="https://example.com/pond" style="color:#2d5e3e;text-decoration:underline;">Read the story</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:20px 32px;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 0 4px 20px;border-left:4px solid #2d5e3e;"><p class="ete-text" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:18px;line-height:29px;color:#3b463d;font-family:'DM Serif Display', Georgia, 'Times New Roman', serif;font-style:italic;">Members are the reason we can say yes when a park calls for help. Thank you for another year of saying yes with us.</p><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin-top:14px;"><tr><td valign="middle" style="font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:20px;"><span class="ete-heading" style="font-weight:700;color:#142018;">Hannah Okoro</span><br><span class="ete-muted" style="color:#68736a;">Director, City Wildlife Society</span></td></tr></table></td></tr></table></td></tr>
<tr><td align="center" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#68736a;line-height:20px;text-align:center;"><strong>City Wildlife Society</strong><br>9 Canal Walk, Manchester M4 6AY, United Kingdom</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#68736a;line-height:20px;text-align:center;padding-top:10px;">You get this email because you are a member of the City Wildlife Society.</p><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#68736a;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#68736a;text-decoration:underline;">Unsubscribe</a></p></td></tr>
</table>
</td></tr>
<tr><td align="center" class="ete-muted" style="padding:20px 12px 0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#68736a;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#68736a;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
A thank you email for charities, clubs and member societies to send on the day a membership turns one year old. It celebrates the member, not the organization, and it keeps every claim to things the group really did.
A full width photo of a kingfisher on a branch carries the headline in live text, with a short thank you and a button to the member page. Three green line icons sum up the kind of work the membership supports: green corridors, cleaner ponds and wildlife counts. Two photo columns tell short stories from local parks, each with a link. A quote from the director thanks members in her own words, and the footer closes the note.
Soft forest greens, a warm display serif and a lot of white space keep it calm and personal.
Swap the bird for an animal from your own area and update the park stories each season.
Use it in your email tool
- Click Copy HTML, or download the .html file.
- In Mailchimp, Brevo, HubSpot or Klaviyo, start a new email with the custom HTML or code editor and paste it in.
- Change the text, links and images. Map merge tags such as {{first_name}} and {{unsubscribe_url}} to the tags of your tool.
- Send a test to yourself on desktop and phone before you send it to your list.
Sections in this email
- Wordmark
- Kingfisher photo hero with live text
- What your year supported
- Two park stories
- Director quote
- Footer
Subject line ideas
- One year of wild neighbors, {{first_name}}
- Happy membership day from the City Wildlife Society
- A year ago today, you joined us
Preview text idea
Today marks one year since you joined. Here is what your membership helped do.