<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<style>body {
margin: 0; padding: 0; background-color: #ececec; font-family: Arial,sans-serif;
}
img {
vertical-align: middle;
}
</style>
</head>
<body class="body" style="background-color: #ececec; font-family: Arial,sans-serif; margin: 0; padding: 0;">
<table style="width: 100%; border-spacing: 0;">
<tr>
<td style="padding: 0;"></td>
<td class="outer-container" style="width: 600px; padding: 0;">
<table style="width: 100%; border-spacing: 0;">
<tr>
<td class="contractor-header" style="height: 54px; padding: 0;"></td>
</tr>
<tr>
<td class="contractor-card" style="box-sizing: border-box; background-color: #fffffe; font-family: inherit; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); padding: 20px;">
<table style="width: 100%; border-spacing: 0;">
<tr>
<td style="padding: 0;"></td>
<td class="inner-container" style="width: 450px; padding: 0;">
<table style="width: 100%; border-spacing: 0;">
<tr>
<td class="center company-logo" style="text-align: center; padding: 0;">
</td>
</tr>
<tr>
<td class="center" style="text-align: center; padding: 0;">
<p style="font-size: 16px; line-height: 1.4; font-family: inherit; font-style: normal; font-weight: 400; color: #000001; margin: 16px 0;"><strong style="font-weight: 600;">Acme Co.</strong></p>
</td>
</tr>
<tr>
<td style="padding: 0;">
<p style="font-size: 16px; line-height: 1.4; font-family: inherit; font-style: normal; font-weight: 400; color: #000001; margin: 16px 0;"><strong style="font-weight: 600;">Invoice #CB7684576</strong></p>
<p style="font-size: 16px; line-height: 1.4; font-family: inherit; font-style: normal; font-weight: 400; color: #000001; margin: 16px 0;"><strong style="font-weight: 600;">Hi User,</strong></p>
<p style="font-size: 16px; line-height: 1.4; font-family: inherit; font-style: normal; font-weight: 400; color: #000001; margin: 16px 0;">I hope all is well with you.<br>Kindly find the attached PDF invoice for your reference.<br><br>We’re delighted to keep you on board! Your subscription has been renewed automatically for seamless access. If this wasn’t your intention, please contact our support team within 24 hours for assistance.<br>1 888 534 0820</p>
<p style="font-size: 16px; line-height: 1.4; font-family: inherit; font-style: normal; font-weight: 400; color: #000001; margin: 16px 0;">You can review your Invoice on a secure webpage by following the link below.</p>
<div class="div-bottom-container" style="display: grid; background-color: #dae0da; align-items: center; text-align: center; border-radius: 4px; padding-bottom: 10px;">
<p class="amount-due-container" style="font-size: 20px; line-height: 1.4; font-family: Roboto; font-style: normal; font-weight: 600; color: #000001; text-align: center; margin: 10px 0;">
<strong style="font-weight: 600;">Amount Due </strong>
<strong style="font-weight: 600;">$378.45</strong>
</p>
<p class="cta-wrapper" style="font-size: 16px; line-height: 1.4; font-family: inherit; font-style: normal; font-weight: 400; color: #000001; text-align: center; margin: 15px 0 5px;">
<a target="_blank" class="cta-button" href="https://client.joistapp.com/invoices/8b4ef41cdab6472ac7367287" style="color: #fffffe; box-sizing: border-box; background-color: green; text-decoration: none; border-radius: 4px; display: inline-block; text-align: center; line-height: 18px; width: 280px; padding: 13px 15px;">
View Invoice
</a> </p>
</div>
</td>
</tr>
</table>
</td>
<td style="padding: 0;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="contractor-footer" style="box-sizing: border-box; text-align: right; padding: 0 20px;">
<img src="https://dtgdidr0l08yr.cloudfront.net/icons/powered-by-joist.png" alt="powered by Joist" width="134px" height="20px" style="vertical-align: middle; width: 134px; margin: 12px 0 0;">
</td>
</tr>
<tr>
<td class="contractor-footer" style="box-sizing: border-box; text-align: right; padding: 0 20px;">
<p style="font-size: 11px; line-height: 16px; font-family: inherit; font-style: normal; font-weight: 400; color: #8f8f8f; text-align: right; margin: 12px 0 68px;">Trouble seeing this email? Add us to your safe senders list</p>
</td>
</tr>
</table>
</td>
<td style="padding: 0;"></td>
</tr>
</table>
<img src="https://u44923807.ct.sendgrid.net/wf/open?upn=u001.t-2FHG2JDX0kOoI1uFYWT3cNYpeHcfCE2g4gqeooV6msfaw0vcHHQwvFAeUPAvL5OKAFucc7v7XEOhSm74-2B3weQnNDLV6NmHd3nszPIEvhkicZpQhY-2Fznir-2BEIgSl5QrrAUHxP4xDvuNFVt1N5OXtXenqWYxcQSDmjKjqDLX8nP5iyXQgpGjdVoZCXe7GcnlycUWSjIewPunEFqp1-2FeCXjmhs38ECCIHi1tKxeRS-2F9qpN3xLk-2FP63DbSp-2F5-2FXWItnHtwNP5damiv-2FUxrSYOXoBjgCTpM1nUdi1d03wixuKOQCRCFiBBXLDDokBsHg1ZvMp-2FSRst3gGqgBmrLsfvRgKmCTm9nq3-2Bo-2F3alHmAA-2F546a-2BWrUdnjgC6H3jpjZopJyz" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/></body>
</html>