.png)
.jpeg)
.jpeg)
.jpeg)
.webp)
from Loom
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>$18.00 payment to Loom, Inc. was unsuccessful</title><style>/** * These initial styles are copied from lib/letter/private/email/component/stripe_email_layout/style.css **/ html, body, td, a, span, div[style*="margin: 16px 0"] { border: 0 !important; margin: 0 !important; outline: 0 !important; text-decoration: none !important; } a, span, td, th { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; } /** * main content **/ .st-Wrapper { margin: 0 auto; min-width: 480px; width: 480px; } </style></head> <body class="st-Email" style="border: 0; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; min-width: 100%; width: 100%;" override="fix"> <!-- Background --> <table class="st-Background" bgcolor="#393855" border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 0; margin: 0; padding: 0;"> <tbody> <tr> <td style="font-size: 16px;"> </td> <td> <!-- Wrapper --> <table class="st-Wrapper" align="center" border="0" cellpadding="0" cellspacing="0" style="width: 480px; min-width: 480px; max-width: 480px;" > <tbody> <tr> <td> <table class="st-Preheader st-Width st-Width--mobile" border="0" cellpadding="0" cellspacing="0" width="480" style="min-width: 480px;"> <tbody> <tr> <td align="center" height="0" style="border: 0; margin: 0; padding: 0; color: #ffffff; display: none !important; font-size: 1px; line-height: 1px; max-height: 0; max-width: 0; mso-hide: all !important; opacity: 0; overflow: hidden; visibility: hidden;"> <span class="st-Delink st-Delink--preheader" style="color: #ffffff; text-decoration: none;"> We weren't able to charge the credit card you provided. <!-- Prevents elements showing up in email client preheader text, fyi https://parcel.io/blog/preheader-spacing --> ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ </span> </td> </tr> </tbody> </table> <table class="st-Spacer st-Spacer--standalone st-Width st-Width--mobile" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="58" style="border: 0; margin: 0; padding: 0; font-size: 1px; line-height: 1px; max-height: 1px; mso-line-height-rule: exactly;"> <div class="st-Spacer st-Spacer--filler"> </div> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" style=" "> <tbody> <tr> <td valign="middle" height="32" style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; height: 32px; "> <a style="border: 0; margin: 0; padding: 0; text-decoration: none; outline: 0; ; " href="https://www.loom.com" target="_self"> <!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:32; width:32;" arcsize="100%" strokecolor="white" fillcolor="white" > <v:fill src="https://files.stripe.com/files/MDB8YWNjdF8xN0RXaEdEMHRaYUpWcWhEfGZfbGl2ZV9CeUVaZjVVUjY5NnVsTE1pd1FIR1duRzI00CwId1lW8" type="frame" size="32px,32px" > </v:fill> </v:roundrect> <![endif]--> <!--[if !mso]> <!----> <div style=" width: 32px; height: 32px; background-color: white; border-radius: 100%; box-shadow: 0 2px 5px 0 rgb(50 50 93 / 10%), 0 1px 1px 0 rgb(0 0 0 / 7%); "> <div style=" border-radius: 100%; width: 32px; height: 32px; text-align: center; background-color: white; background-position: center; background: url('https://files.stripe.com/files/MDB8YWNjdF8xN0RXaEdEMHRaYUpWcWhEfGZfbGl2ZV9CeUVaZjVVUjY5NnVsTE1pd1FIR1duRzI00CwId1lW8'); background-origin: border-box; background-size: contain; background-position: center; background-repeat: no-repeat; line-height: 100%; "> <div> <div> <!-- <![endif]--> </div> </div> </div> </div> </a> </td> <td style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 12px; "> <span style=" font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif; text-decoration: none; "> </span> </td> <td valign="middle" style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; "> <span style=" font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif; text-decoration: none; font-weight: 500; color: rgb(255, 255, 255); font-size: 16px; "> Loom, Inc. </span> </td> </tr> </tbody> </table> <table class="st-Spacer st-Spacer--standalone st-Width st-Width--mobile" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="32" style="border: 0; margin: 0; padding: 0; font-size: 1px; line-height: 1px; max-height: 1px; mso-line-height-rule: exactly;"> <div class="st-Spacer st-Spacer--filler"> </div> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" style=" width: 100%; "> <tbody> <tr> <td align="" style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; width: 482px; border-radius: 12px; box-shadow: 0 2px 5px 0 rgb(50 50 93 / 10%), 0 1px 1px 0 rgb(0 0 0 / 7%); "> <table cellpadding="0" cellspacing="0" style=" width: 100%; "> <tbody> <tr> <td align="" style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; width: 482px; border-radius: 12px; background-color: #e3e8ee; padding: 1px; "> <table cellpadding="0" cellspacing="0" style=" width: 100%; background-color: #ffffff; border-radius: 12px; "> <tbody> <tr> <td style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; "> <table class="st-Spacer st-Spacer--standalone st-Width st-Width--mobile" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="32" style="border: 0; margin: 0; padding: 0; font-size: 1px; line-height: 1px; max-height: 1px; mso-line-height-rule: exactly;"> <div class="st-Spacer st-Spacer--filler"> </div> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" style=" width: 100%; "> <tbody> <tr> <td style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; min-width: 32px; width: 32px; font-size: 1px; "> </td> <td style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; "> <span style=" font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif; text-decoration: none; color: #303030; font-size: 16px; line-height: 24px; font-weight: 600; "> $18.00 payment to Loom, Inc. was unsuccessful </span> <table cellpadding="0" cellspacing="0" style=" width: 100%; "> <tbody> <tr> <td align="" style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; color: #4d4d4d; font-size: 14px; line-height: 16px; padding-top: 16px; padding-bottom: 20px; "> <p style="border: 0; margin: 0; padding: 0; font-family: -apple-system, 'SF Pro Display', 'SF Pro Text', 'Helvetica', sans-serif;">We were unable to charge your Mastercard ending in 0626 for your Loom, Inc. subscription. Please update your billing information to continue your subscription.</p> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" style=" width: 100%; "> <tbody> <tr> <td align="" style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; text-align: center; background-color: #625df5; border-radius: 6px; height: 44px; "> <a style="border: 0; margin: 0; padding: 0; text-decoration: none; outline: 0; display: block; text-align: center; padding-right: 60px; padding-left: 60px; ; " href="https://www.loom.com/settings/workspace#plans" target="_blank"> <span style=" font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif; text-decoration: none; font-weight: 500; font-size: 16px; line-height: 44px; color: rgb(255, 255, 255); "> Update billing information </span> </a> </td> </tr> </tbody> </table> <table class="st-Spacer st-Spacer--standalone st-Width st-Width--mobile" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="20" style="border: 0; margin: 0; padding: 0; font-size: 1px; line-height: 1px; max-height: 1px; mso-line-height-rule: exactly;"> <div class="st-Spacer st-Spacer--filler"> </div> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" style=" width: 100%; "> <tbody> <tr> <td style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; min-width: 32px; width: 32px; font-size: 1px; "> </td> <td style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif; font-size: 14px; line-height: 16px; color: #8898AA; "> <p style="border: 0; margin: 0; padding: 0; font-family: -apple-system, 'SF Pro Display', 'SF Pro Text', 'Helvetica', sans-serif;">Questions? Contact us at <a style="border: 0; margin: 0; padding: 0; color: #625afa !important; font-weight: bold; text-decoration: none; " ses:no-track href="mailto:billing@loom.com">billing@loom.com</a></p> </td> </tr> </tbody> </table> </td> <td style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; min-width: 32px; width: 32px; font-size: 1px; "> </td> </tr> </tbody> </table> <table class="st-Spacer st-Spacer--standalone st-Width st-Width--mobile" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="24" style="border: 0; margin: 0; padding: 0; font-size: 1px; line-height: 1px; max-height: 1px; mso-line-height-rule: exactly;"> <div class="st-Spacer st-Spacer--filler"> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="st-Spacer st-Spacer--standalone st-Width st-Width--mobile" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="20" style="border: 0; margin: 0; padding: 0; font-size: 1px; line-height: 1px; max-height: 1px; mso-line-height-rule: exactly;"> <div class="st-Spacer st-Spacer--filler"> </div> </td> </tr> </tbody> </table> <table class="st-Spacer st-Spacer--standalone st-Width st-Width--mobile" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="32" style="border: 0; margin: 0; padding: 0; font-size: 1px; line-height: 1px; max-height: 1px; mso-line-height-rule: exactly;"> <div class="st-Spacer st-Spacer--filler"> </div> </td> </tr> </tbody> </table> <table cellpadding="0" cellspacing="0" style=" width: 100%; "> <tbody> <tr> <td style=" border: 0; border-collapse: collapse; margin: 0; padding: 0; width: 100%; text-align: center; color: rgb(255, 255, 255); opacity: 0.5; "> <span style=" font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Ubuntu, sans-serif; text-decoration: none; font-size: 12px; line-height: 14px; "> <p style="border: 0; margin: 0; padding: 0; font-family: -apple-system, 'SF Pro Display', 'SF Pro Text', 'Helvetica', sans-serif;">Powered by <a style="border: 0; margin: 0; padding: 0; text-decoration: none; outline: 0; ; " href="https://58.email.stripe.com/CL0/https:%2F%2Fstripe.com/1/01000194321affa9-70037041-169f-4e70-aad6-1d074b930e16-000000/ZhAtJiDB9Xy51xOhZFyHnc-O4Ql1jjtDumN19way-nQ=386" target="_self"> <img src="https://stripe-images.s3.amazonaws.com/emails/invoices_stripe_logo_light.png" height="24" width="51" align="middle" style=" border: 0; line-height: 100%; vertical-align: middle; " alt="stripe logo"> </a> | <a style="border: 0; margin: 0; padding: 0; text-decoration: none; outline: 0; color: rgb(255, 255, 255);; " href="https://58.email.stripe.com/CL0/https:%2F%2Fstripe.com%2Fbilling/1/01000194321affa9-70037041-169f-4e70-aad6-1d074b930e16-000000/PT4NLCrwdKe6eMQwNft57jTguH_rwIP0FGC_5SFIEds=386" target="_self">Learn more about Stripe Billing</a></p> </span> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td style="font-size: 16px;"> </td> </tr> <tr> <td class="st-Spacer st-Spacer--emailEnd" height="64" colspan="3" style="border: 0; margin: 0; padding: 0; font-size: 1px; line-height: 1px; mso-line-height-rule: exactly;"> <div class="st-Spacer st-Spacer--filler"> </div> </td> </tr> </tbody> </table> <!-- /Background --> </body></html>
