Travel Newsletter with Article Snippets
A sample travel newsletter email template with 3 example articles and images.
Preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--$-->
<html dir="ltr" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">Discover Your Next Adventure with Wanderlust Adventures<div> </div>
</div>
<body style="background-color:rgb(243,244,246);font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"">
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:auto;margin-right:auto;padding-top:2rem;padding-bottom:2rem;padding-left:1rem;padding-right:1rem;max-width:600px">
<tbody>
<tr style="width:100%">
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-bottom:2rem">
<tbody>
<tr>
<td><img alt="Travel Header" height="300" src="/static/sunrise/field.png" style="width:100%;border-radius:0.5rem;display:block;outline:none;border:none;text-decoration:none" width="600" /></td>
</tr>
</tbody>
</table>
<h1 style="font-size:2.25rem;line-height:2.5rem;font-weight:700;color:rgb(31,41,55);margin-bottom:2rem;text-align:center">Discover Your Next Adventure</h1>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);border-radius:0.5rem;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0,0,0,0.1), 0 2px 4px -2px rgb(0,0,0,0.1);padding:1.5rem;margin-bottom:2rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tbody style="width:100%">
<tr style="width:100%">
<td data-id="__react-email-column" style="width:33.333333%;padding-right:1rem"><img alt="Top 10 Hidden Beaches in Greece" height="150" src="/static/sunrise/field2.png" style="width:100%;border-radius:0.5rem;display:block;outline:none;border:none;text-decoration:none" width="150" /></td>
<td data-id="__react-email-column" style="width:66.666667%;padding-left:1rem">
<p style="font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(31,41,55);margin-bottom:0.5rem;margin:16px 0">Top 10 Hidden Beaches in Greece</p>
<p style="color:rgb(75,85,99);margin-bottom:1rem;font-size:14px;line-height:24px;margin:16px 0">Escape the crowds and discover secluded paradises along the Greek coastline...</p><a href="https://example.com/greek-beaches" class="hover:underline" style="color:rgb(37,99,235);text-decoration:none" target="_blank">Read more →</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);border-radius:0.5rem;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0,0,0,0.1), 0 2px 4px -2px rgb(0,0,0,0.1);padding:1.5rem;margin-bottom:2rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tbody style="width:100%">
<tr style="width:100%">
<td data-id="__react-email-column" style="width:33.333333%;padding-right:1rem"><img alt="A Culinary Journey Through Tokyo" height="150" src="/static/food/michelin.png" style="width:100%;border-radius:0.5rem;display:block;outline:none;border:none;text-decoration:none" width="150" /></td>
<td data-id="__react-email-column" style="width:66.666667%;padding-left:1rem">
<p style="font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(31,41,55);margin-bottom:0.5rem;margin:16px 0">A Culinary Journey Through Tokyo</p>
<p style="color:rgb(75,85,99);margin-bottom:1rem;font-size:14px;line-height:24px;margin:16px 0">From street food to Michelin-starred restaurants, explore the diverse flavors of Japan's capital...</p><a href="https://example.com/tokyo-cuisine" class="hover:underline" style="color:rgb(37,99,235);text-decoration:none" target="_blank">Read more →</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="background-color:rgb(255,255,255);border-radius:0.5rem;box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0,0,0,0.1), 0 2px 4px -2px rgb(0,0,0,0.1);padding:1.5rem;margin-bottom:2rem">
<tbody>
<tr>
<td>
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation">
<tbody style="width:100%">
<tr style="width:100%">
<td data-id="__react-email-column" style="width:33.333333%;padding-right:1rem"><img alt="Sustainable Travel: Eco-Lodges in Costa Rica" height="150" src="/static/sunrise/field3.png" style="width:100%;border-radius:0.5rem;display:block;outline:none;border:none;text-decoration:none" width="150" /></td>
<td data-id="__react-email-column" style="width:66.666667%;padding-left:1rem">
<p style="font-size:1.25rem;line-height:1.75rem;font-weight:600;color:rgb(31,41,55);margin-bottom:0.5rem;margin:16px 0">Sustainable Travel: Eco-Lodges in Costa Rica</p>
<p style="color:rgb(75,85,99);margin-bottom:1rem;font-size:14px;line-height:24px;margin:16px 0">Experience luxury while minimizing your carbon footprint in these stunning eco-friendly retreats...</p><a href="https://example.com/costa-rica-ecolodges" class="hover:underline" style="color:rgb(37,99,235);text-decoration:none" target="_blank">Read more →</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<hr style="border-color:rgb(209,213,219);margin-top:2rem;margin-bottom:2rem;width:100%;border:none;border-top:1px solid #eaeaea" />
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="text-align:center">
<tbody>
<tr>
<td>
<p style="color:rgb(75,85,99);font-size:0.875rem;line-height:1.25rem;margin:16px 0">© 2024 <!-- -->Wanderlust Adventures<!-- -->. All rights reserved.</p>
<p style="color:rgb(75,85,99);font-size:0.875rem;line-height:1.25rem;margin-top:0.5rem;margin:16px 0">If you no longer wish to receive these emails, you can <a href="#" class="hover:underline" style="color:rgb(37,99,235);text-decoration:none" target="_blank">unsubscribe here</a>.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html><!--/$-->