Flood Relief Appeal email template
An urgent flood appeal: a red band with the headline, a photo of a sandbagged home, one honest paragraph on what the fund buys and four gift amount buttons.
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>Flood Relief Appeal</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-cell{padding-left:0!important;padding-right:0!important;}
}
@media (prefers-color-scheme: dark){
.ete-body,.ete-bg{background-color:#120e0d!important;}
.ete-content{background-color:#1a1514!important;}
.ete-text{color:#e6dedc!important;}
.ete-heading{color:#ffffff!important;}
.ete-muted{color:#ab9f9c!important;}
.ete-link{color:#f19a9a!important;}
.ete-border{border-color:#372e2c!important;}
.ete-panel{background-color:#241e1c!important;border-color:#372e2c!important;}
.ete-btn{background-color:#d63a3a!important;border-color:#d63a3a!important;}
.ete-btn-text{color:#ffffff!important;}
.ete-btn-outline{border-color:#d63a3a!important;}
.ete-btn-outline-text{color:#d63a3a!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:#e6dedc!important;}
[data-ogsc] .ete-heading{color:#ffffff!important;}
[data-ogsc] .ete-muted{color:#ab9f9c!important;}
[data-ogsc] .ete-link{color:#f19a9a!important;}
[data-ogsb] .ete-body,[data-ogsb] .ete-bg{background-color:#120e0d!important;}
[data-ogsb] .ete-content{background-color:#1a1514!important;}
[data-ogsb] .ete-panel{background-color:#241e1c!important;border-color:#372e2c!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 Narrow';mso-hansi-font-family:'Arial Narrow';mso-bidi-font-family:'Arial Narrow';}
.ete-f-inter{mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;mso-bidi-font-family:Arial;}
.ete-f-oswald{mso-ascii-font-family:'Arial Narrow';mso-hansi-font-family:'Arial Narrow';mso-bidi-font-family:'Arial Narrow';}
</style>
<!--[if !mso]><!--><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Oswald:wght@500;700&display=swap"><!--<![endif]-->
</head>
<body class="ete-body" style="margin:0;padding:0;width:100%;background-color:#f4efec;">
<!-- 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;">Water is still rising along the Stead. Gifts today buy sandbags, pumps and clean water. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </div>
<table role="presentation" class="ete-bg" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;background-color:#f4efec;">
<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;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="width:100%;">
<tr><td align="left" class="ete-px" style="padding:40px 32px;background-color:#a51c1c;"><p style="margin:0 0 12px;font-family:Inter, '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:left;">Flood appeal</p><h1 class="ete-h1" style="margin:0;font-family:Oswald, 'Arial Narrow', Arial, sans-serif;font-size:32px;line-height:40px;font-weight:700;color:#ffffff;text-align:left;mso-line-height-rule:exactly;">The river is still rising</h1><p class="" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:17px;line-height:27px;color:#ffffff;padding-top:14px;text-align:left;">Crews expect the Stead to crest on Thursday. Our volunteers are out now, and the supply fund runs out tomorrow.</p></td></tr>
<tr><td class="" style="padding:0;"><img src="https://emailtemplateexamples.com/wp-content/plugins/ete-core/assets/template-images/flood-relief-appeal-hero.jpg" alt="White house ringed with sandbags, with flood water up to the bags" width="600" height="375" class="ete-fluid" style="display:block;width:600px;max-width:100%;height:auto;border:0;outline:none;text-decoration:none;"></td></tr>
<tr><td class="ete-px" style="padding:8px 32px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3d3533;text-align:left;"><b>$25</b> fills ten sandbags. <b>$50</b> buys a week of clean water for one household. <b>$100</b> runs a pump for a full day. <b>$250</b> supplies a street team for a night. Every gift to this fund goes to supplies along the river.</p></td></tr>
<tr><td align="left" class="ete-px" style="padding:12px 27px 8px;"><div style="font-size:0;text-align:left;"><!--[if mso]><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 5px 8px;"><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?amount=25" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="4%" strokecolor="#a51c1c" fillcolor="#a51c1c"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">$25</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/give?amount=25" style="display:inline-block;background-color:#a51c1c;border:1px solid #a51c1c;line-height:48px;border-radius:2px;color:#ffffff;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">$25</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 5px 8px;"><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?amount=50" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="4%" strokecolor="#a51c1c" fillcolor="#a51c1c"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">$50</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/give?amount=50" style="display:inline-block;background-color:#a51c1c;border:1px solid #a51c1c;line-height:48px;border-radius:2px;color:#ffffff;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">$50</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 5px 8px;"><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?amount=100" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="4%" strokecolor="#a51c1c" fillcolor="#a51c1c"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">$100</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/give?amount=100" style="display:inline-block;background-color:#a51c1c;border:1px solid #a51c1c;line-height:48px;border-radius:2px;color:#ffffff;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">$100</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td><td valign="middle"><![endif]--><div style="display:inline-block;vertical-align:middle;max-width:100%;font-size:16px;text-align:center;"><table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding:4px 5px 8px;"><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?amount=250" style="height:48px;v-text-anchor:middle;width:48px;" arcsize="4%" strokecolor="#a51c1c" fillcolor="#a51c1c"><w:anchorlock/><center style="color:#ffffff;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;">$250</center></v:roundrect><![endif]--><!--[if !mso]><!--><a class="ete-btn" href="https://example.com/give?amount=250" style="display:inline-block;background-color:#a51c1c;border:1px solid #a51c1c;line-height:48px;border-radius:2px;color:#ffffff;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;padding:0;width:48px;-webkit-text-size-adjust:none;mso-hide:all;"><span class="ete-btn-text" style="color:#ffffff;">$250</span></a><!--<![endif]--></td></tr></table></td></tr></table></div><!--[if mso]></td></tr></table><![endif]--></div></td></tr>
<tr><td class="ete-px" style="padding:12px 32px 20px;"><p class="ete-text" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#3d3533;">Thank you,</p><p class="ete-heading" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;line-height:26px;color:#1c1211;font-weight:700;padding-top:6px;">Maren Holt</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;line-height:22px;color:#6f6462;">Director, Riverstead Relief</p></td></tr>
<tr><td align="left" class="ete-px" style="padding:28px 32px 32px;"><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6f6462;line-height:20px;text-align:left;"><strong>Riverstead Relief</strong><br>88 Levee Street, Cape Girardeau, MO 63701</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6f6462;line-height:20px;text-align:left;padding-top:10px;">You get this email because you gave to or volunteered with Riverstead Relief.</p><p class="ete-muted" style="margin:0;font-family:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:21px;color:#6f6462;line-height:20px;text-align:left;padding-top:10px;"><a class="ete-link" href="{{unsubscribe_url}}" style="color:#6f6462;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:Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;line-height:18px;color:#6f6462;">Made with <a class="ete-link" href="https://emailtemplateexamples.com/" style="color:#6f6462;text-decoration:underline;">Email Template Examples</a></td></tr>
</table>
<!--[if mso]></td></tr></table><![endif]-->
</td></tr>
</table>
</body>
</html>
About this template
When a flood hits, a charity has a few days to ask for help while people are still paying attention. This appeal opens on a red band with a short headline and the facts in two lines. Riverstead Relief is the sample charity.
Below the band, a photo shows a house ringed with sandbags as water sits against the walls. It shows the event from a distance, with no faces and no suffering on display. One paragraph says exactly what each gift pays for. Four amount buttons then go straight to the giving form with that amount filled in, and the director signs the note.
Only state things your charity can back up: replace the amounts, costs and fund goal with your own figures. Change the headline as the situation moves, and send an update later saying what the money did.
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
- Red headline band
- Photo of the flood
- What gifts pay for
- Gift amount buttons
- Signature
- Footer
Subject line ideas
- The river is still rising. Can you help today?
- Flood relief: $25 fills ten sandbags
- {{first_name}}, families on the Stead need pumps tonight
Preview text idea
Water is still rising along the Stead. Gifts today buy sandbags, pumps and clean water.