@mailpace/templates
Version:
<div align="center"> <p><a href="https://mailpace.com" target="_blank"><img src="https://docs.mailpace.com/img/logo.png" width="200" alt="MailPace"></a></p> <p>A set of gorgeous Transactional HTML Email Templates built on TailwindCSS</p> <div>
77 lines (72 loc) • 2.19 kB
HTML
---
title: "Your receipt for order 12345"
preheader: "Thank you for your order"
bodyClass: bg-gray-100 dark-mode:bg-gray-999
---
<extends src="src/layouts/main.html">
<block name="template">
<p class="text-2xl sm:leading-32 text-black dark-mode:text-white font-semibold m-0 mb-36 font-serif">
Thanks for your order.
</p>
<p class="m-0 mb-24">
This email is a receipt for your order number 12345. You do not need to make any further payment in relation to this order.
</p>
<p class="m-0 mb-24">
Order #12345
<br />
Status: Shipped
</p>
<table class="w-full mb-32">
<thead>
<th>Item</th>
<th>Price</th>
</thead>
<tbody>
<tr>
<td>Product #1</td>
<td>£1.00</td>
</tr>
<tr>
<td>Product #2</td>
<td>£2.00</td>
</tr>
<tr>
<td>Product #3</td>
<td>£3.00</td>
</tr>
</tbody>
</table>
<a
href="https://example.com"
class="inline-block uppercase py-16 px-24 text-base font-semibold text-center no-underline text-white bg-blue-500 hover:bg-blue-600"
>
<!--[if mso
]><i
style="
letter-spacing: 24px;
mso-font-width: -100%;
mso-text-raise: 30px;
"
> </i
><!
[endif]-->
<span style="mso-text-raise: 16px">View Order Details</span>
<!--[if mso
]><i style="letter-spacing: 24px; mso-font-width: -100%"> </i><!
[endif]-->
</a>
<table class="w-full">
<tr>
<td class="py-32">
<hr class="border-gray-100 border-b-0" />
</td>
</tr>
</table>
<p class="m-0 mb-16 text-gray-500">
Want a full VAT invoice for your records? <a class="text-gray-500" href="https://example.com">Download PDF invoice</a>
</p>
<p class="m-0 mb-16 text-gray-500">
This order will appear as "COMPANY X" on your statement from your payment provider. Click <a class="text-gray-500" href="https://example.com">here</a> to update your delivery or payment details.
</p>
</block>
</extends>