Back to all templatesInvoice
InvoicePayment
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 class="bg-light">
<div class="container">
<img class="ax-center my-10 w-24" src="https://assets.bootstrapemail.com/logos/light/square.png" />
<div class="card p-4 p-lg-10 mb-6">
<h3 class="text-center">New Invoice</h3>
<p class="text-center text-muted">Invoice #1234-5678</p>
<div class="bg-blue-100 p-6 p-lg-10 rounded-md my-4">
<span>Due 08/28/2021</span>
<div class="text-5xl">$200.00</div>
<a class="btn btn-dark mt-2" href="https://app.bootstrapemail.com/templates">Pay invoice</a>
</div>
<div class="space-y-2">
<p>
Dear John Doe and Alice Wonderland,
</p>
<p>
Here is your monthly storage invoice. We will process credit cards automatically between the 1st and 3rd of every month.<br>
Thanks you for your business!
</p>
<p>
HipCorp
</p>
</div>
</div>
</div>
</body>