.png)
.jpeg)
.jpeg)
.jpeg)
.webp)
Webflow email 08
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no" /> <!-- disable auto telephone linking in iOS --> <title>Your Webflow receipt</title> <style type="text/css"> /* ========== Custom Font Import ========== */ @import url(http://daks2k3a4ib2z.cloudfront.net/0globals/avenirnextpro-webfont.css); /* RESET STYLES */ body, #bodyTable, #bodyCell, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica, Arial, "Lucida Grande", sans-serif;} table{/*border-collapse:collapse;*/ border-spacing: 0px; } table[id=bodyTable] {width:100%!important;margin:auto;max-width:600px!important;color:#7A7A7A;font-weight:normal;} img, a img{border:0; border-style:none;border-color: #ffffff; outline:none; text-decoration:none;height:auto; line-height:100%;} a {text-decoration:none !important; font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica, Arial, "Lucida Grande", sans-serif;} h1, h2, h3, h4, h5, h6{color:#363C43; font-weight:500; font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir',Helvetica; font-size:20px; line-height:125%; text-align:Left; letter-spacing:normal;margin-top:17px;margin-right:0;margin-bottom:13px;margin-left:0;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;} /* CLIENT-SPECIFIC STYLES */ .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail/Outlook.com to display emails at full width. */ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div{line-height:100%;} /* Force Hotmail/Outlook.com to display line heights normally. */ table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up. */ #outlook a{padding:0;} /* Force Outlook 2007 and up to provide a "view in browser" message. */ img{-ms-interpolation-mode: bicubic;display:block;outline:none; text-decoration:none;} /* Force IE to smoothly render resized images. */ body, table, td, p, a, li, blockquote{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; /*font-weight:normal!important;*/} /* Prevent Windows- and Webkit-based mobile platforms from changing declared text sizes. */ .ExternalClass td[class="ecxflexibleContainerBox"] h3 {padding-top: 13px !important;} /* Force hotmail to push 2-grid sub headers down */ /* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */ /* ========== Page Styles ========== */ h1{display:block;font-size:26px;font-style:normal;font-weight:500;line-height:100%;} h2{display:block;font-size:20px;font-style:normal;font-weight:500;line-height:120%;} h3{display:block;font-size:17px;font-style:normal;font-weight:500;line-height:110%;} h4{display:block;font-size:18px;font-style:italic;font-weight:500;line-height:100%;} .flexibleImage{height:auto;} .linkRemoveBorder{border-bottom:0 !important;} table[class=flexibleContainerCellDivider] {padding-bottom:0 !important;padding-top:0 !important;} body, #bodyTable{background-color:#F0F1F3;} #emailHeader{background-color:#F0F1F3;} #emailBody{background-color:#FFFFFF; /*border-collapse:collapse;*/ border-spacing: 0px; border:1px solid #E0E1E2; box-shadow: 0 0 15px #E8EAEC;-moz-box-shadow: 0 0 15px #E8EAEC;-webkit-box-shadow: 0 0 15px #E8EAEC;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px} #emailFooter{background-color:#F0F1F3;} .textContent, .textContentLast{color:#6B7075; font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica; font-size:16px; line-height:125%; text-align:left;} .textContent a, .textContentLast a{color:#2D9AE5; text-decoration:underline;} .nestedContainer{background-color:#F6F7F8; border:1px solid #F3F3F5;} .emailButton{background-color:#2D9AE5; border-collapse:separate;} .buttonContent{color:#FFFFFF; font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica; font-size:18px; font-weight:bold; line-height:100%; padding:15px; text-align:center;} .buttonContent a{color:#FFFFFF; display:block; text-decoration:none!important; border:0!important;} .emailCalendar{background-color:#FFFFFF; border:1px solid #CCCCCC;} .emailCalendarMonth{background-color:#2D9AE5; color:#FFFFFF; font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align:center;} .emailCalendarDay{color:#2D9AE5; font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica, Arial, sans-serif; font-size:60px; font-weight:bold; line-height:100%; padding-top:20px; padding-bottom:20px; text-align:center;} .imageContentText {margin-top: 10px;line-height:0;} .imageContentText a {line-height:0;} #invisibleIntroduction {display:none !important; font-size:1px} /* Removing the introduction text from the view */ .ios-footer { color: #8D9196; text-decoration: none !important} .ios-footer a { color: #8D9196; text-decoration: none !important; } /*FRAMEWORK HACKS & OVERRIDES */ span[class=ios-color-hack] a {color:#275100!important;text-decoration:none!important;} /* Remove all link colors in IOS (below are duplicates based on the color preference) */ span[class=ios-color-hack2] a {color:#2D9AE5!important;text-decoration:none!important;} span[class=ios-color-hack3] a {color:#6B7075!important;text-decoration:none!important;} /* A nice and clean way to target phone numbers you want clickable and avoid a mobile phone from linking other numbers that look like, but are not phone numbers. Use these two blocks of code to "unstyle" any numbers that may be linked. The second block gives you a class to apply with a span tag to the numbers you would like linked and styled. Inspired by Campaign Monitor's article on using phone numbers in email: http://www.campaignmonitor.com/blog/post/3571/using-phone-numbers-in-html-email/. */ .a[href^="tel"], a[href^="sms"] {text-decoration:none!important;color:#606060!important;pointer-events:none!important;cursor:default!important;} .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration:none!important;color:#606060!important;pointer-events:auto!important;cursor:default!important;} /* MOBILE STYLES */ @media only screen and (max-width: 615px){ /*////// CLIENT-SPECIFIC STYLES //////*/ body{width:100% !important; min-width:100% !important;} /* Force iOS Mail to render the email at full width. */ /* FRAMEWORK STYLES */ /* CSS selectors are written in attribute selector format to prevent Yahoo Mail from rendering media query styles on desktop. */ table[id="emailHeader"], table[id="emailBody"], table[id="emailFooter"] {width:95% !important;} table[class="flexibleContainer"] {width:100% !important;} td[class="flexibleContainerBox"], td[class="flexibleContainerBox"] table {/*display: block;*/width: 100%;text-align: left;} /* The following style rule makes any image classed with 'flexibleImage' fluid when the query activates. Make sure you add an inline max-width to those images to prevent them from blowing out. */ td[class="imageContent"] img {height:auto !important; width:100% !important; max-width:100% !important;} img[class="flexibleImage"]{height:auto !important; width:100% !important;max-width:100% !important;} img[class="flexibleImageSmall"]{height:auto !important; width:auto !important;} /* Create top space for every second element in a block */ table[class="flexibleContainerBoxNext"]{/*padding-top: 30px !important;*/} /* Make buttons in the email span the full width of their container, allowing for left- or right-handed ease of use. */ table[class="emailButton"]{width:100% !important;} td[class="buttonContent"]{padding:0 !important;} td[class="buttonContent"] a{padding:15px !important;} /* FULL-WIDTH TABLES */ table[class="responsive-table"]{ width:100%!important; } /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */ td[class="padding"]{ padding: 10px 0px 10px 0px !important; text-align: center; } /* ADJUST BUTTONS ON MOBILE */ td[class="mobile-wrapper"]{ padding: 10px 5% 15px 5% !important; } table[class="mobile-button-container"]{ margin:0 auto; width:100% !important; } a[class="mobile-button"]{ width:80% !important; /*padding: 15px !important;*/ /*Not sure what these do*/ /*border: 0 !important;*/ font-size: 16px !important; } } /* CONDITIONS FOR ANDROID DEVICES ONLY * http://developer.android.com/guide/webapps/targeting.html * http://pugetworks.com/2011/04/css-media-queries-for-targeting-different-mobile-devices/ ; =====================================================*/ @media only screen and (-webkit-device-pixel-ratio:.75){ /* Put CSS for low density (ldpi) Android layouts in here */ } @media only screen and (-webkit-device-pixel-ratio:1){ /* Put CSS for medium density (mdpi) Android layouts in here */ } @media only screen and (-webkit-device-pixel-ratio:1.5){ /* Put CSS for high density (hdpi) Android layouts in here */ } /* end Android targeting */ /* CONDITIONS FOR IOS DEVICES ONLY =====================================================*/ @media only screen and (min-device-width : 320px) and (max-device-width:568px) { } /* end IOS targeting */ </style> <!-- Outlook Conditional CSS These two style blocks target Outlook 2007 & 2010 specifically, forcing columns into a single vertical stack as on mobile clients. This is primarily done to avoid the 'page break bug' and is optional. More information here: http://templates.mailchimp.com/development/css/outlook-conditional-css --> <!--[if mso 12]> <style type="text/css"> .flexibleContainer{display:block !important; width:100% !important;} </style> <![endif]--> <!--[if mso 14]> <style type="text/css"> .flexibleContainer{display:block !important; width:100% !important;} </style> <![endif]--> </head> <body bgcolor="#F0F1F3" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"> <center style="background-color:#F0F1F3;"> <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="table-layout: fixed;max-width:100% !important;width: 100% !important;min-width: 100% !important;"> <tr> <td align="center" valign="top" id="bodyCell"> <!-- // EMAIL HEADER --> <!-- PRE HEADER----> <span style="display:none !important; visibility:hidden; opacity:0; color:transparent; height:0; width:0;" class="preheader">Please see inside for details</span> <!-- BLANK SPACE AFTER THE PREHEADER JUST IN CASE --> <div style="display: none; max-height: 0px; overflow: hidden;"> ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div> <table bgcolor="#F0F1F3" border="0" cellpadding="0" cellspacing="0" width="600" id="emailHeader"> <!-- HEADER ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td valign="top" width="600" class="flexibleContainerCell"> <!-- CONTENT TABLE // --> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <!-- The "invisibleIntroduction" is the text used for short preview of the email before the user opens it (50 characters max). Sometimes, you do not want to show this message depending on your design but this text is highly recommended. You do not have to worry if it is hidden, the next will automatically center and apply to the width 100% and also shrink to 50% if the first is visible. --> <td align="center" valign="middle" id="invisibleIntroduction" class="flexibleContainerBox" style="display:none !important;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:100%;"> <tr> <td align="center" class="textContent"> <div style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif; font-size:1px;color:#F0F1F3;text-align:center;line-height:120%; display: block"> Details inside </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // END --> </table> <!-- // END --> <!-- EMAIL HEADER W LOGO // --> <!-- The table "emailBody" is the email's container. Its width can be set to 100% for a color band that spans the width of the page. --> <table bgcolor="#F0F1F3" border="0" cellpadding="0" cellspacing="0" width="600" id="emailHeader"> <!-- HEADER ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td valign="top" width="600" class="flexibleContainerCell"> <!-- CONTENT TABLE // --> <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="display:block; text-align:center;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:100%;"> <tr> <td align="center" > <!-- CONTENT // --> <!-- Header and footer images have display inline block !important so they can be centered --> <a href="https://webflow.com?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" target="_blank"> <img alt="Webflow Logo" src="https://cdn.prod.website-files.com/52b1d97cd25933e36e000134/651c4879997be9a662b82cc1_Full_Logo_Blue.png" width="150" height="26" style="font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 16px; padding-top: 40px; padding-bottom: 40px; display: inline-block !important" border="0"> </a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // END --> </table> <!-- // END --> <!-- START WHITE CONTAINER SECTION --> <!-- NOTE: REMOVE margin-bottom: 20px; FROM STYLES IF THERE's ONLY ONE CONTAINER --> <table bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" width="600" id="emailBody" style="margin-bottom: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;"> <!-- MODULE ROW - BLACK BAR--> <!-- <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="color:#FFFFFF; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;" bgcolor="#363C43"> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" class="textContent" style="padding-bottom:2px; font-size:1px;"> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> --> <!-- // MODULE ROW - BLACK BAR --> <!-- MODULE ROW // --> <!-- To move or duplicate any of the design patterns in this email, simply move or copy the entire MODULE ROW section for each content block. --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <!-- The centering table keeps the content tables centered in the emailBody table, in case its width is set to 100%. --> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="color:#6B7075; border-radius: 4px 4px 0 0"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <!-- The flexible container has a set width that gets overridden by the media query. Most content tables within can then be given 100% widths. --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <!-- CONTENT TABLE // --> <!-- The content table is the first element that's entirely separate from the structural framework of the email. --> <table border="0" cellpadding="30" cellspacing="0" width="100%" style="padding-top:15px;"> <tr> <td align="center" valign="top" class="textContent"> <h1 style="color:#363C43;line-height:125%;font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:30px;font-weight:500;margin-top:0;margin-bottom:20px;text-align:center;">Thanks for your payment!</h1> <div style="text-align:center;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:22px;margin-bottom:0;color:#363C43;line-height:135%;">Keep building stunning sites with Webflow</div> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> <!-- MODULE ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-bottom:0px;padding-top:20px;"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" class="textContent"> <div style="text-align:left;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:10px;margin-top:3px;color:#6B7075;line-height:135%;"> - <br> Date: 11/16/2023 <br> Template Invoice <a href="https://webflow.com/dashboard/workspace/jonathans-workspace-b50b4e/templates?utm_campaign=receipt&utm_source=bestunning&utm_medium=email" style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:14px;color:#146EF5;line-height:135%; text-decoration: none;font-weight:400;">View in <strong style="font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-weight:500;">Jonathan's Workspace</strong> Settings</a> <br> </div> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> <!-- MODULE ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="30" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td valign="top" width="600" class="flexibleContainerCell" style="padding-bottom:5px;"> <!-- CONTENT TABLE // --> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="left" valign="top" class="flexibleContainerBox"> <table border="0" cellpadding="0" cellspacing="0" width="50%" style="max-width: 100%;"> <tr> <td align="left" class="textContent"> <div style="text-align:left;font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-weight:500px;font-size:16px;margin-bottom:0;color:#363C43;line-height:135%;">Item </div> </td> </tr> </table> </td> <td align="right" valign="top" class="flexibleContainerBox"> <table class="flexibleContainerBoxNext" border="0" cellpadding="0" cellspacing="0" width="50%" style="max-width: 100%;"> <tr> <td align="left" class="textContent"> <div style="text-align:right;font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-weight:500px;font-size:16px;margin-bottom:0;color:#363C43;line-height:135%;">Amount </div> </td> </tr> </table> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> <!-- MODULE DIVIDER // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table class="flexibleContainerCellDivider" border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-top:0px;padding-bottom:0px;"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="border-top:1px solid #DEDFE0;"></td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // END --> <!-- MODULE ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="30" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td valign="top" width="600" class="flexibleContainerCell" style="padding-top:10px;padding-bottom:10px;"> <!-- CONTENT TABLE // --> <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="left" valign="top" class="flexibleContainerBox"> <table border="0" cellpadding="0" cellspacing="0" width="255" style="max-width: 100%;"> <tr> <td align="left" class="textContent"> <div style="text-align:left;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;color:#6B7075;line-height:135%;">Marketplace asset purchase: Merely (Template) </div> </td> </tr> </table> </td> <td align="right" valign="top" class="flexibleContainerBox"> <table class="flexibleContainerBoxNext" border="0" cellpadding="0" cellspacing="0" width="255" style="max-width: 100%;"> <tr> <td align="left" class="textContent"> <div style="text-align:right;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;color:#6B7075;line-height:135%;"> USD $29.00 </div> </td> </tr> </table> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> <!-- MODULE DIVIDER // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table class="flexibleContainerCellDivider" border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-top:0px;padding-bottom:0px;"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="border-top:1px solid #DEDFE0;"></td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // END --> <!-- MODULE ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER //--> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-bottom:10px;padding-top:10px"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" class="textContent"> <div style="text-align:right;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;margin-top:3px;color:#6B7075;line-height:135%;"> <strong style="font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-weight:500;color:#363C43">Subtotal:</strong> USD $29.00 </div> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> <!-- MODULE DIVIDER // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table class="flexibleContainerCellDivider" border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-top:0px;padding-bottom:0px;"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="border-top:2px solid #363C43;"></td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // END --> <!-- MODULE ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-bottom:10px;padding-top:10px"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" class="textContent"> <div style="text-align:right;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;margin-top:3px;color:#363C43;line-height:135%;"> <strong style="font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-weight:500;color:#363C43">Paid:</strong> USD $29.00 </div> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> <!-- MODULE DIVIDER // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table class="flexibleContainerCellDivider" border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-top:0px;padding-bottom:0px;"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="border-top:2px solid #363C43;"></td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // END --> <!-- MODULE ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER //--> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-bottom:18px;"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" class="textContent"> <div style="text-align:left;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;margin-top:3px;color:#6B7075;line-height:125%;">Thank you,<br>The Webflow team <!-- WEBFLOW LOGO // --> <!-- // LOGO --> </div> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> <!-- MODULE ROW // --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table border="0" cellpadding="30" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" style="padding-bottom:18px;"> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" class="textContent"> <div style="text-align:center;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;margin-top:3px; padding-bottom:15px; color:#6B7075;line-height:125%;">Trusted by over 1,700,000 designers and teams </div> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> <!-- // MODULE ROW --> </table> <!-- END WHITE CONTAINER SECTION --> <!-- EMAIL FOOTER // --> <!-- The table "emailBody" is the email's container. Its width can be set to 100% for a color band that spans the width of the page. --> <table bgcolor="#F0F1F3" border="0" cellpadding="0" cellspacing="0" width="600" id="emailFooter"> <!-- FOOTER ROW // --> <!-- To move or duplicate any of the design patterns in this email, simply move or copy the entire MODULE ROW section for each content block. --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER //--> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table border="0" cellpadding="25" cellspacing="0" width="100%"> <tr> <td valign="top" bgcolor="#F0F1F3" style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:13px;color:#6B7075;text-align:center;line-height:120%;"> <!-- Common Links --> <a href="https://support.webflow.com/?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;">Support</a> <!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span> <a href="https://university.webflow.com/?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;">Tutorials</a> <!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span> <a href="https://forum.webflow.com?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;">Forum</a> <!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span> <a href="https://webflow.com/templates?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;">Templates</a> <!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span> <a href="https://webflow.com/dashboard?utm_campaign=billing-email&utm_source=bestunning&utm_medium=email" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue','Avenir', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;">Log In</a> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> </table> <!-- // END --> <table bgcolor="#F0F1F3" border="0" cellpadding="0" cellspacing="0" width="600" id="emailFooter"> <!-- FOOTER ROW // --> <!-- To move or duplicate any of the design patterns in this email, simply move or copy the entire MODULE ROW section for each content block. --> <tr> <td align="center" valign="top"> <!-- CENTERING TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <!-- FLEXIBLE CONTAINER // --> <table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer"> <tr> <td align="center" valign="top" width="600" class="flexibleContainerCell"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" bgcolor="#F0F1F3" style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue','Avenir',Helvetica,Arial,sans-serif;font-size:13px;color:#6B7075;text-align:center;line-height:120%;padding-bottom: 60px;padding-right: 25px;padding-left:25px"> <!-- Company and Address --> <span style="color:#8D9196;">Webflow Inc</span>. <span class="ios-footer" style="color:#8D9196; -webkit-text-size-adjust: none;">398 11th Street, 2nd floor, San Francisco, CA 94103</span> </td> </tr> </table> </td> </tr> </table> <!-- // FLEXIBLE CONTAINER --> </td> </tr> </table> <!-- // CENTERING TABLE --> </td> </tr> </table> <!-- // END --> </td> </tr> </table> </center> <div itemscope="" itemtype="http://schema.org/EmailMessage"> <div itemprop="publisher" itemscope="" itemtype="http://schema.org/Organization"> <meta itemprop="name" content="Webflow"> <link itemprop="url" href="http://webflow.com/"> <link itemprop="url/googlePlus" href="https://plus.google.com/b/118282361738086985368"> </div> <div itemprop="about" itemscope="" itemtype="http://schema.org/Offer"> <link itemprop="image" href="https://cdn.prod.website-files.com/52b1d97cd25933e36e000134/651c4879997be9a662b82cc1_Full_Logo_Blue.png"> </div> </div> <img src="https://ea.pstmrk.it/open?m=v3_1.cBxIJJpEMnmnJJF2KwqOtA.ze_RYtx7fZLLoc7HfxNYNojiQW7BAjzRIBP1iDIWwyp-uZA6T8OJquntdwHoZFDtsq2kg8Kh-pIqNrGAqmovKcNnPCvaW7UkE2Cr6cTdLoiorq77qI7x-KXulQlTtjGT3Qozm4gWSEXIa0t3micZQd57xuhihyteesCt19W2Vbi_b3iDvZwJ54IhgXxrr-JO13EMHy28rWgZDkG-4g9YdI4AUvmIDXam4ZfnC-zq0q6pk2xde5NBH5HMe1_GbrOJCMZNbwGbmxOClN5JJ0wGUKnWGGwAcA3MX2OSZ6tzeyye6VHE_WLwmWiFMfLpoYWw3plhvzxDhf5V98dWyCA_wQlcK1TwEJBNnWrSq8KS1EijpiJmlG4ngCfOSh5vCSqfVCUS80s6hAt_7moRz9uP30xHRe7K8H13gzkRXajpp6R0HY3zR3FO0omPbImYbYTtSHpE7Ybo1Q4i9GaYVHz2Gc-PZE47hoGWQJcfxR0vUjA0Fr2MXdjBugEc1AwvZf2qPNHft4-v4Urn1fXUV9RajoWT8IaMnY1ZqKCGziQfkdUZSdKEsI3apeheFIKvhAC8yvCFQhH-bUfePoKDGPCWtGnqD5u0wXGLidTyPUjUPzFOuTM1jJAMPSo6Bq_J4zbk" width="1" height="1" border="0" alt="" /></body> </html>
