.png)
.jpeg)
.jpeg)
.jpeg)
.webp)
Webflow email 12
<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <!--[if gte mso 9]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]--> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="format-detection" content="date=no" /> <meta name="format-detection" content="address=no" /> <meta name="format-detection" content="telephone=no" /> <meta name="x-apple-disable-message-reformatting" /> <!--[if !mso]><!--> <link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Oxygen:300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i,900,900i|Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap" rel="stylesheet" /> <!--<![endif]--> <title>Action required: Your payment is past due</title> <!--[if gte mso 9]> <style type="text/css" media="all"> sup { font-size: 100% !important !important; } </style> <![endif]--> <style type="text/css" media="screen"> @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.5a0c1a002e.woff') format('woff'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.5e78809d4d.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Regular-Web.9806bc37bf.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Graphik'; src: url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.abf6e1188f.woff') format('woff'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.2523d1a466.eot') format('embedded-opentype'), url('https://d3e54v103j8qbb.cloudfront.net/fonts/Graphik-Medium-Web.4327644773.woff') format('woff'); font-weight: 500; font-style: normal; } body { padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#ffffff; -webkit-text-size-adjust:none } a { color:#146EF5; text-decoration:none } p { padding:0 !important; margin:0 !important } img { -ms-interpolation-mode: bicubic; } .mcnPreviewText { display: none !important; } .text-btn a { display: block; } .text-footer.black a { color: #000001; } @media only screen and (max-device-width: 480px), only screen and (max-width: 480px) { u + .body .gwfw { width:100% !important; width:100vw !important; } .td, .m-shell { width: 100% !important; min-width: 100% !important; } .h1 { font-size: 45px !important; line-height: 54px !important; } .h2 { font-size: 35px !important; line-height: 44px !important; } .mt-center { text-align: center !important; } .center { margin: 0 auto !important; } .m-td, .m-hide { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; } .m-block { display: block !important; } .fluid-img img { width: 100% !important; max-width: 100% !important; height: auto !important; } .column, .column-top { float: left !important; width: 100% !important; display: block !important; } .p0 { padding: 0px !important; } .pb0 { padding-bottom: 0px !important; } .pb40 { padding-bottom: 40px !important; } .pb50 { padding-bottom: 50px !important; } .content-spacing { width: 15px !important; } .p0-20-30 { padding: 0px 20px 30px 20px !important; } .p0-20-50 { padding: 0px 20px 50px 20px !important; } .p0-20 { padding: 0px 20px !important; } .p30-20 { padding: 30px 20px !important; } } </style> <!--[if mso]> <style type="text/css"> body { margin: 0 !important; padding: 0 !important; font-family: Arial, sans-serif !important; } table, td, div, p, a { font-family: Arial, sans-serif !important; line-height: normal; } </style> <![endif]--> <!--[if (gte mso 9)|(IE)]> <style type="text/css"> table {border-collapse: collapse !important;} </style> <![endif]--> </head> <body class="body" style="padding:0 !important; margin:0 auto !important; display:block !important; min-width:100% !important; width:100% !important; background:#ffffff; -webkit-text-size-adjust:none;"> <!-- PRE HEADER----> <span style="display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0;" class="preheader">Please update your payment info</span> <!-- BLANK SPACE AFTER THE PREHEADER JUST IN CASE --> <div style="display: none; max-height: 0px; overflow: hidden;"> ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div> <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff" class="gwfw"> <tbody><tr> <td align="center" valign="left"> <!-- Header 1 White --> <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> <tbody><tr> <td align="center" style="padding: 50px 20px;"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell"> <tbody><tr> <td class="td" style="width:600px; min-width:600px; font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody><tr> <th class="column-top" width="100" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; vertical-align:top;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody><tr> <td class="img mt-center" style="font-size:0pt; line-height:0pt; text-align:left;"> <a href="https://webflow.com?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" target="_blank"><img src="https://cdn.prod.website-files.com/52b1d97cd25933e36e000134/651c4879997be9a662b82cc1_Full_Logo_Blue.png" width="150" height="26" border="0" alt=""></a> </td> </tr> </tbody></table> </th> <th style="padding-bottom:15px !important; font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;" class="column" width="1"></th> <th class="column" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; padding-top:5px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody><tr> <td align="right"> <table border="0" cellspacing="0" cellpadding="0" class="center" style="text-align:center;"> <tbody><tr style="vertical-align: initial;"> <td class="text-top black" style="font-weight: 500; font-family:'Graphik', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica', sans-serif !important; font-size:14px; line-height:18px; text-align:left; min-width:auto !important; color:#000001;"><a href="https://webflow.com/dashboard?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" target="_blank" class="link-black" style="color:#000001; text-decoration:none;"><span class="link-black" style="color:#000001; text-decoration:none;">Log in</span></a></td> </tr> </tbody></table> </td> </tr> </tbody></table> </th> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!-- END Header 1 White --> <!-- Main --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell"> <tr> <td class="td" style="width:600px;min-width:600px;font-size:0pt;line-height:0pt;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-weight:normal;" > <!-- Image + Button + Text --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="p0-20" style="padding-top:0px;padding-bottom:20px;padding-right:78px;padding-left:78px;" > <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="text" style="color:#000001;font-family:'Graphik', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica', sans-serif !important;font-size:16px;line-height:29px;text-align:left;min-width:auto !important;" > Hi Jonathan,<br /><br />We were unable to charge your Mastercard card ending in 0494 for Basic Hosting. Please head over to your Billing tab and update your payment info. </td> </tr> <tr> <td align="left" class="pb40" style="padding-top:32px; padding-bottom: 32px;" > <!-- Button --> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td class="text-button black-button" style="mso-padding-alt:16px 20px;color:#ffffff;font-family:'Graphik', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica', sans-serif !important;font-size:14px;line-height:18px;text-align:center;font-weight:500;min-width:auto !important;background-color:#146EF5;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;" > <a href="https://webflow.com/dashboard/workspace/jonathans-workspace-b50b4e/billing?ref=billing_tab" target="_blank" class="link-button button-inner" style="padding-top:16px;padding-bottom:16px;padding-right:20px;padding-left:20px;display:block;color:#ffffff;text-decoration:none;" ><span class="link-button" style="color:#ffffff;">Update now →</span></a> </td> </tr> </table> <!-- END Button --> <tr> <td class="text" style="color:#000001;font-family:'Graphik', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica', sans-serif !important;font-size:16px;line-height:29px;text-align:left;min-width:auto !important;" > <strong>What happens if I do not update my payment info?</strong><br />Your account is at risk. If you do not update your card <strong>within 28 days</strong>, you will lose access to Webflow services. If you’re on a Site plan, your site will be removed from its published domain. If you’re on a Workspace plan, your project access will be disabled. <br /><br /> If you have any questions, please reach out to our <a href="https://support.webflow.com/?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" target="_blank">Support Team</a>. <br /><br /> Thank you,<br /> The Webflow team </td> </tr> </td> </tr> </table> </td> </tr> </table> <!-- EMD Image + Button + Text --> </td> </tr> </table> </td> </tr> </table> <!-- END Main --> <!-- Footer --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" style="padding: 0px 20px 20px;" class="p30-20"> <table width="600" border="0" cellspacing="0" cellpadding="0" class="m-shell"> <tr> <td class="td" style="width:600px; min-width:600px; font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal;"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="padding: 50px 70px;" class="p30-20" bgcolor="#ffffff"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="padding-bottom: 30px; font-family:'Graphik', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica', sans-serif !important; font-size:14px; line-height:24px; min-width:auto !important; color:#000001; text-align:center;" class="text-footer black center"> Webflow Inc. 398 11th Street, 2nd floor, San Francisco, CA94103 <br /> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- END Footer --> </td> </tr> </table> <img src="https://ea.pstmrk.it/open?m=v3_1.en4FZvvdEUCPzN-rIHwHug.PbnC9irT71dbkz_lfcW72_aJ6B93B-yS1CXDAcUgVUBQ_g8pb69pkHVp-_LDp_yRxeojgRQ4nX891rZ0yzcIbNKPFpk92F44NxyJCs9hgkZKa2hqr2PVyBflQ0nJxTeZhkL1kW1b7Gf2-srhGF5FJg1iy6hE_XmQv9RIZwBSXlMxbKFvhXwMBgHBxhMSFOSR5aDZcfYEUZGuO8k8zjTY4RYdkQakMeZzOD464oKow5Qmmo-AtWqpQZen17AMirZ_sZV8imdrfWaUguxL0WfTRkoUufFT2kd7r6vpayfgnFmJz2_eWN_JVODZpKjsssBZ1u7FHGh8s2-HcX8eOJ6ufNktB6r-21UqW5gzxND1Dy7_Ke-kY7iBr-y8k1swgB4uQVAPfc8B6V6OlgbHHnQB0c5Yx9sWMiMEg3XPMPt5BUPvxcknzNehp1oUJXNkclRb49gfjYmcccuBDIjKg9P6Ko8O1xkfjqhYL5cia9m7vrDH071X1PfVmoras1mrexnxj1fk6ZscWnTFuNeZl2rzPv8Ih1O7fc_KK3sV4kpgM7xX1NzuENXZN5m9Uj7qqURd" width="1" height="1" border="0" alt="" /></body> </html>
