Brevo Keep your inbox tidy Email template Source code
HTML30.43 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>Keep your inbox tidy</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;
}
</style>
<style type="text/css">
</style>
</head>
<body style="margin: 0; padding: 0; height: 100%; width: 100%; font-family:Inter;background:#f7f7f7ff;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;height:100%;display:table;position:relative;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" style="width:100%;display:table;max-width:600px;position:relative;background:#fffdf6ff;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" style="width:100%;display:table;position:relative;background:#e7fddeff;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;border-bottom-left-radius:32px;border-bottom-right-radius:32px;padding:16px;background:#fffdf6ff;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;"><img style="vertical-align:middle;width:100px;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-58a823365f74-brevo-logo-1png" alt="Image" width="auto" height="auto" loading="eager" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td><img 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-d78ae901411c-cc24344d0be452e23d09d8c3d096dd038d25e8ffd32e142b4629f8aa6338d6f9jpg.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" style="width:100%;display:table;position:relative;padding:24px 35px;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td><span class="tiny-prose" style="position:relative;text-align:center;vertical-align:initial;box-sizing:border-box;display:block;">
<p><span style="font-size: 16px; line-height: 24px">Hey there,</span></p>
<p><br></p>
<p><span style="font-weight: 700; font-size: 16px; line-height: 24px">Happy first monthiversary!</span></p>
<p><br></p>
<p><span style="font-size: 16px; line-height: 24px">It's been one month since you started using </span><span style="font-weight: 700; font-size: 16px; line-height: 24px">Brevo</span><span style="font-size: 16px; line-height: 24px">, and we've got a ton of exciting news and updates we'd like to share with you.</span></p>
<p><br></p>
<p><span style="font-size: 16px; line-height: 24px">We would like to send you emails on a regular basis to help you grow your business and make the most of Brevo. If you wish, you can update your subscription preferences.</span></p>
</span></td>
</tr>
<tr style="height:24px;min-height:24px;"></tr>
<tr align="left" valign="top">
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:26px 0 0;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="center" valign="top">
<td><span style="color:#0b996e;font-size:24px;position:relative;text-align:center;font-weight:700;line-height:28px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;"> As a Brevo user you'll receive:</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:24px;min-height:24px;"></tr>
<tr align="left" valign="top">
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:24px 0;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:0px;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="left" valign="top">
<td style="width:auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="left" valign="top">
<td style="width:auto;"><img style="vertical-align:middle;width:47px;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-f8cdb050bd0b-a430dd25e5fbf93188b54463bc967f974199d6e4e31848610184688504899215png" alt="Image" width="auto" height="auto" loading="eager" /></td>
</tr>
</tbody>
</table>
</td>
<td style="width:24px;min-width:24px;"></td>
<td style="width:auto;"><span class="tiny-prose" style="position:relative;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;">
<p><span style="font-weight: 700; font-size: 16px; line-height: 20px">Product Newsletter</span><span style="font-size: 16px; line-height: 20px">: Major product updates, new feature releases, and practical insights on how to use Brevo to boost your productivity</span></p>
</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:24px;min-height:24px;"></tr>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:0px;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="left" valign="top">
<td style="width:auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="left" valign="top">
<td style="width:auto;"><img style="vertical-align:middle;width:47px;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-5e8a1c17f1bd-41e8a80fd5466d864adc7704b2124f563597f5d726952ed21eb2dba5cdf69127png" alt="Image" width="auto" height="auto" loading="eager" /></td>
</tr>
</tbody>
</table>
</td>
<td style="width:24px;min-width:24px;"></td>
<td style="width:auto;"><span class="tiny-prose" style="position:relative;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;">
<p><span style="font-weight: 700; font-size: 16px; line-height: 20px">Company updates and special offers</span><span style="font-size: 16px; line-height: 20px">: important company updates and customer-only special offers, personalized to fit your needs</span></p>
</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:24px;min-height:24px;"></tr>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="middle">
<td><a style="color:#ffffff;display:block;font-size:16px;position:relative;font-weight:500;background-color:#D9D9D9;border-radius:15px;padding:12px 24px;background:#2a2a2aff;text-align:center;vertical-align:middle;box-sizing:border-box;" href="#">Update my email subscription</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="height:24px;min-height:24px;"></tr>
<tr align="left" valign="top">
<td><span style="font-size:16px;position:relative;text-align:center;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">N.B: you might still see Sendinblue branding here and there as we gradually roll out changes.</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td>
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;background:#ffffffff;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" style="width:100%;display:table;position:relative;padding:10px 0 0;background:#ffffffff;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" style="width:100%;display:table;position:relative;border-top-left-radius:32px;border-top-right-radius:32px;padding:40px 0 35px;background:#0b996eff;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:0 35px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="display:table;position:relative;text-align:left;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="left" valign="middle">
<td style="width:auto;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:97px;display:table;max-width:97px;position:relative;text-align:left;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="left" valign="top">
<td><img style="vertical-align:middle;width:97px;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-7cebca89571c-unnamed-4-png" alt="Image" width="auto" height="auto" loading="eager" /></td>
</tr>
</tbody>
</table>
</td>
<td style="width:16px;min-width:16px;"></td>
<td style="width:auto;"><span class="tiny-prose" style="position:relative;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;">
<p><span style="color: rgb(255, 255, 255); font-size: 16px; line-height: 24px">Best,</span></p>
<p><span style="color: rgb(255, 255, 255); font-weight: 700; font-size: 16px; line-height: 24px">Maëlys Pellat Bravo</span></p>
<p><span style="color: rgb(255, 255, 255); font-size: 16px; line-height: 24px">Marketing Manager</span></p>
</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td style="display:block;width:100%;">
<span style="width:100%;height:1px;position:relative;margin:8px 0;background:#ffffffff;text-align:initial;vertical-align:initial;box-sizing:border-box;display:block;"></span>
</td>
</tr>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:24px 35px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:36px;height:36px;display:table;position:relative;border:1px solid #ffffffff;border-radius:52px;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="center" valign="middle">
<td style="width:auto;"><img 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/20/ffffffff/0-cw/simple-icons:facebook.png" alt="Icon" width="auto" height="20px" /></td>
</tr>
</tbody>
</table>
</td>
<td style="width:12px;min-width:12px;"></td>
<td style="width:auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:36px;height:36px;display:table;position:relative;border:1px solid #ffffffff;border-radius:52px;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="center" valign="middle">
<td style="width:auto;"><img 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/20/ffffffff/0-cw/hugeicons:new-twitter.png" alt="Icon" width="auto" height="20px" /></td>
</tr>
</tbody>
</table>
</td>
<td style="width:12px;min-width:12px;"></td>
<td style="width:auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:36px;height:36px;display:table;position:relative;border:1px solid #ffffffff;border-radius:52px;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="center" valign="middle">
<td style="width:auto;"><img 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/20/ffffffff/0-cw/simple-icons:linkedin.png" alt="Icon" width="auto" height="20px" /></td>
</tr>
</tbody>
</table>
</td>
<td style="width:12px;min-width:12px;"></td>
<td style="width:auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:36px;height:36px;display:table;position:relative;border:1px solid #ffffffff;border-radius:52px;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="center" valign="middle">
<td style="width:auto;"><img 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/20/ffffffff/0-cw/simple-icons:instagram.png" alt="Icon" width="auto" height="20px" /></td>
</tr>
</tbody>
</table>
</td>
<td style="width:12px;min-width:12px;"></td>
<td style="width:auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:36px;height:36px;display:table;position:relative;border:1px solid #ffffffff;border-radius:52px;text-align:center;vertical-align:middle;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr align="center" valign="middle">
<td style="width:auto;"><img 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/20/ffffffff/0-cw/simple-icons:youtube.png" alt="Icon" width="auto" height="20px" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:0 35px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;"><span style="color:#ffffff;font-size:12px;position:relative;text-align:center;font-weight:400;line-height:24px;white-space:pre-line;vertical-align:initial;box-sizing:border-box;display:block;">Brevo 1000 2nd Ave Ste 3700 Seattle, WA 98104</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:12px 35px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;"><span class="tiny-prose" style="position:relative;text-align:center;vertical-align:initial;box-sizing:border-box;display:block;">
<p><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px">This email was sent to </span><a target="_blank" rel="noopener noreferrer nofollow" data-disable-nprogress="true" href="mailto:lambouarnold@gmail.com"><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px">{{user.email}}</span></a></p>
<p><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px">because you created a Brevo account.</span></p>
<p><a target="_self" rel="noopener noreferrer nofollow" data-disable-nprogress="true" href="#"><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px; text-decoration: underline">View in browser</span></a><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px"> I </span><a target="_blank" rel="noopener noreferrer nofollow" data-disable-nprogress="true" href="https://www.brevo.com/contact/"><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px; text-decoration: underline">Contact us</span></a><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px"> | </span><a target="_blank" rel="noopener noreferrer nofollow" data-disable-nprogress="true" href="https://www.brevo.com/legal/privacypolicy/"><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px; text-decoration: underline">Privacy Policy</span></a><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px"> | </span><a target="_self" rel="noopener noreferrer nofollow" data-disable-nprogress="true" href="#"><span style="color: rgb(255, 255, 255); font-size: 11px; line-height: 20px; text-decoration: underline">Unsubscribe</span></a></p>
</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr align="left" valign="top">
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;display:table;position:relative;padding:0 35px;text-align:center;vertical-align:top;box-sizing:border-box;table-layout:fixed;">
<tbody>
<tr style="display:block;" align="center" valign="top">
<td style="width:auto;"><img 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-6104b7965fb8-logo-lightpng" alt="Image" width="auto" height="auto" loading="eager" /></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>Share
CloneDisclaimer
This email template was created using Pagenflow's email template builder. Please note that Brevo as an entity was not involved in the creation, design, or distribution of this template.
Seamless Compatibility
Design once, send everywhere
Your emails will look perfect across all major email clients and devices.
Proton MailZoho MailGmailYahoo MailAndroidApple MailOutlook
And more
Take a lookNo signup required
How it works
How to Edit Brevo Email Template
Follow these steps to clone, customize, and export your email template using our free email template builder.
1
2
3
4
5
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.
