Rescue Goal Progress email template
A shelter fund update that opens on a short video, then shows the fund so far and the goal, three round animal photos and one button.
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>Rescue Goal Progress</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-video-338{height:189px!important;}
.ete-icon-cell{padding-left:2px!important;padding-right:2px!important;}
.ete-stat-169{min-width:169px!important;}
.ete-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#110e0c!important;}
.ete-content{background-color:#1a1613!important;}
.ete-text{color:#e8e0d7!important;}
.ete-heading{color:#fff9f2!important;}
.ete-muted{color:#a99e92!important;}
.ete-link{color:#f5a56d!important;}
.ete-border{border-color:#372f28!important;}
.ete-panel{background-color:#241f1a!important;border-color:#372f28!important;}
.ete-btn{background-color:#f0934f!important;border-color:#f0934f!important;}
.ete-btn-text{color:#1a1613!important;}
.ete-btn-outline{border-color:#f0934f!important;}
.ete-btn-outline-text{color:#f0934f!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:#e8e0d7!important;}
[data-ogsc] .ete-heading{color:#fff9f2!important;}
[data-ogsc] .ete-muted{color:#a99e92!important;}
[data-ogsc] .ete-link{color:#f5a56d!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#110e0c!important;}
[data-ogsb] .ete-content{background-color:#1a1613!important;}
[data-ogsb] .ete-panel{background-color:#241f1a!important;border-color:#372f28!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:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-dm-sans{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-montserrat{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Montserrat:wght@400;600;700;800&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#ece7df;">
<!-- 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;">A two minute walk through the old kennels, and how close the new building fund has come. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#ece7df;">
<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:#fffdf9;border-radius:4px;overflow:hidden;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td class="" style="padding:0;"><table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#111111" background="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/rescue-goal-progress-video.jpg" align="center" valign="middle" height="338" class="ete-video-338" style="height:338px;background-color:#111111;background-image:url('https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/rescue-goal-progress-video.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:338px;"><v:fill type="frame" src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/rescue-goal-progress-video.jpg" color="#111111" /><v:textbox inset="0,0,0,0" style="v-text-anchor:middle;"><center><![endif]--><a href="https://example.com/video" aria-label="Play video: Small brown dog looking out of a window in a yellow wooden wall" style="display:inline-block;width:72px;height:72px;border-radius:36px;background-color:#ffffff;color:#1e1914;font-family:Arial,sans-serif;font-size:26px;line-height:72px;text-align:center;text-decoration:none;mso-line-height-rule:exactly;"><span style="padding-left:5px;color:#1e1914;">▶</span></a><!--[if gte mso 9]></center></v:textbox></v:rect><![endif]--></td></tr></table><p class="ete-muted" style="margin:0;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#756c62;padding-top:8px;text-align:center;">A two minute walk through the old kennels, from Whistle Hollow Rescue.</p></td></tr>
<tr><td class="ete-px" style="padding:20px 32px 12px;"><div style="padding-bottom:16px;"><h3 class="ete-heading" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1e1914;text-align:center;mso-line-height-rule:exactly;">Halfway to new kennels</h3></div><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-stat-169" style="display:inline-block;vertical-align:top;width:33.33%;min-width:169px;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 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:36px;line-height:40px;font-weight:700;color:#1e1914;text-align:center;mso-line-height-rule:exactly;">$18,400</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#756c62;text-align:center;">In the fund</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-169" style="display:inline-block;vertical-align:top;width:33.33%;min-width:169px;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 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:36px;line-height:40px;font-weight:700;color:#1e1914;text-align:center;mso-line-height-rule:exactly;">$36,000</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#756c62;text-align:center;">Our goal</p></td></tr></table></div><!--[if mso]></td><td width="178" valign="top"><![endif]--><div class="ete-stat-169" style="display:inline-block;vertical-align:top;width:33.33%;min-width:169px;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 6px 8px;"><p class="ete-heading ete-hf" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:36px;line-height:40px;font-weight:700;color:#1e1914;text-align:center;mso-line-height-rule:exactly;">51%</p><p class="ete-muted" style="margin:0;padding-top:6px;font-family:'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#756c62;text-align:center;">Of the way</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="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;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/tilly"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/rescue-goal-progress-cat.jpg" alt="Grey short haired cat with orange eyes" width="120" height="120" class="" style="display:block;width:120px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:50%;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1e1914;text-align:center;mso-line-height-rule:exactly;">Tilly</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:#443d36;padding-top:6px;text-align:center;">Quiet, and fond of warm windowsills.</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:center;"><a class="ete-link" href="https://example.com/tilly" style="color:#a24a17;text-decoration:underline;">Meet Tilly</a></p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;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/bram"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/rescue-goal-progress-dog.jpg" alt="Brown and white dog lying in tall grass" width="120" height="120" class="" style="display:block;width:120px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:50%;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1e1914;text-align:center;mso-line-height-rule:exactly;">Bram</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:#443d36;padding-top:6px;text-align:center;">Loves long walks and old tennis balls.</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:center;"><a class="ete-link" href="https://example.com/bram" style="color:#a24a17;text-decoration:underline;">Meet Bram</a></p></td></tr></table></div><!--[if mso]></td><td width="185" valign="top"><![endif]--><div class="ete-stack" style="display:inline-block;vertical-align:top;min-width:33.33%;max-width:100%;width:33.33%;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/clover"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/rescue-goal-progress-rabbit.jpg" alt="White rabbit with pink ears held in a pair of hands" width="120" height="120" class="" style="display:block;width:120px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;border-radius:50%;margin:0 auto;"></a><div style="padding-top:14px;"><h3 class="ete-heading" style="margin:0;font-family:Montserrat, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:19px;line-height:26px;font-weight:700;color:#1e1914;text-align:center;mso-line-height-rule:exactly;">Clover</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:#443d36;padding-top:6px;text-align:center;">Shy at first, then the boss of the room.</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:center;"><a class="ete-link" href="https://example.com/clover" style="color:#a24a17;text-decoration:underline;">Meet Clover</a></p></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td align="center" class="ete-px" style="padding:16px 32px;"><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/give" style="height:48px;v-text-anchor:middle;width:208px;" arcsize="8%" strokecolor="#b3541e" fillcolor="#b3541e"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">Give to the fund</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/give" style="display:inline-block;background-color:#b3541e;border:1px solid #b3541e;line-height:48px;border-radius:4px;color:#ffffff;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 class="ete-btn-text" style="color:#ffffff;">Give to the fund</span></a><!--<![endif]--></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:#756c62;line-height:20px;text-align:center;"><strong>Whistle Hollow Rescue</strong><br>960 Hollow Road, Boise, ID 83702</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:#756c62;line-height:20px;text-align:center;padding-top:10px;">You get this email because you signed up for news from Whistle Hollow Rescue.</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:#756c62;line-height:20px;text-align:center;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#756c62;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:#756c62;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#756c62;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 fundraising update for animal shelters and small charities. The email opens on a video thumbnail of a dog looking out of a window, with no logo or letterhead above it.
A short headline and three numbers come next: what the fund holds so far, the goal, and the share reached. They describe this one sample fund, so replace them with your own true figures. Three round photos then introduce animals waiting for the new kennels, each with a name, one line and a link.
One button closes the email. Use it midway through a campaign, when supporters want to see how far their gifts have gone. Link the video to your own page, since email cannot play it in place.
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
- Video thumbnail
- Fund headline and numbers
- Three round animal photos
- Give button
- Footer
Subject line ideas
- We are halfway to the new kennels
- A short video from the old kennels
- {{first_name}}, here is where the fund stands
Preview text idea
A two minute walk through the old kennels, and how close the new building fund has come.