Back to all templatesRecent Blogs
Recent BlogsNewsletter
This is a screenshot of the compiled email. To view a live in browser version of the email click the "Live" button.
This is the pre-compiled code. It needs to be compiled via Bootstrap Email to build it for use in emails. You can do so by clicking the "Open in Editor" button, programmatically compile, or use the already compiled version by clicking the "Download Compiled" button.
<body>
<div class="container">
<img class="ax-center mt-5 w-40" src="https://assets.bootstrapemail.com/logos/light/combined.png" />
<hr />
<p class="mb-5">Hi there,</p>
<p class="mb-5">We have had a busy week on content, so many good blog posts to share. Travel shouldn't feel like a chore, we aim to make it easy.</p>
<p class="mb-5">If you like what we do, please share us on Twitter and let us know what you think. A single share can help us grow our blog and allow us to keep bringing you amazing content week after week!</p>
<table>
<tbody>
<tr>
<td class="pr-5">
<img class="w-20 rounded-full" src="https://images.unsplash.com/photo-1595152772835-219674b2a8a6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1600&q=80" />
</td>
<td>
<p>Warm regards,</p>
<p>John Example</p>
<p>@example</p>
</td>
</tr>
</tbody>
</table>
<div class="card border-black rounded-0 my-5">
<img class="max-w-150" src="https://images.unsplash.com/photo-1507180254304-063ccc2ecdcb?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2340&q=80">
<div class="card-body">
<h4>10 Best ways to fly on a budget</h4>
<p class="my-3">Have you ever wanted to travel the world but feel like money is holding you back? Well here are 10 easy ways to travel on a budget.</p>
<a class="btn btn-purple-400" href="https://app.bootstrapemail.com/templates">Read more</a>
</div>
</div>
<div class="card border-black rounded-0 mb-5">
<img class="max-w-150" src="https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2208&q=80">
<div class="card-body">
<h4>Traveling on the road</h4>
<p class="my-3">Take your trip on the road this year in a sleeper van. Not only are they hip but they start at $50/night.</p>
<a class="btn btn-purple-400" href="https://app.bootstrapemail.com/templates">Read more</a>
</div>
</div>
<div class="card bg-purple-100 border-0 rounded-0 mb-5">
<div class="card-body">
<h4>Want to learn more about what we do?</h4>
<p class="my-3">Visit our block and check out the thousands of blog posts we have written over the years. You won't be disappointed!</p>
<a class="btn btn-black" href="https://app.bootstrapemail.com/templates">Learn more</a>
</div>
</div>
</div>
</body>