<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html><html lang='en' class=''>
<head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/reallygoodemails/pen/PNyzYE?depth=everything&order=popularity&page=13&q=builder&show_forks=false" />
<style class="cp-pen-styles"></style></head><body>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>New Feature: Flexbox</title>
</head>
<body>
<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 -->
<style type="text/css">
/* ========== Custom Font Import ========== */
@import url(https://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',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',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',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',Helvetica; font-size:16px; line-height:125%; text-align:left;}
.textContent a, .textContentLast a{color:#205478; text-decoration:underline;}
.nestedContainer{background-color:#F6F7F8; border:1px solid #F3F3F5;}
.emailButton{background-color:#205478; border-collapse:separate;}
.buttonContent{color:#FFFFFF; font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',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:#205478; color:#FFFFFF; font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align:center;}
.emailCalendarDay{color:#205478; font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',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:#205478!important;text-decoration:none!important;}
span[class=ios-color-hack3] a {color:#6B7075!important;text-decoration:none!important;}
.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. */
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;}
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;}
table[class="flexibleContainerBoxNext"]{padding-top: 30px !important;}
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;
border: 0 !important;
font-size: 16px !important;
}
}
@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>
<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;">
<tbody>
<tr>
<td align="center" valign="top" id="bodyCell">
<!-- // EMAIL HEADER -->
<!-- PREHEADER TEXT -->
<table bgcolor="#F0F1F3" border="0" cellpadding="0" cellspacing="0" width="600" id="emailHeader">
<!-- HEADER ROW // -->
<tbody>
<tr>
<td align="center" valign="top">
<!-- CENTERING TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top">
<!-- FLEXIBLE CONTAINER // -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td valign="top" width="600" class="flexibleContainerCell">
<!-- CONTENT TABLE // -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<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%;">
<tbody>
<tr>
<td align="center" class="textContent">
<div style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:1px;color:#F0F1F3;text-align:center;line-height:120%; display: block">Start building flexbox layouts in Webflow today!</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // FLEXIBLE CONTAINER -->
</td>
</tr>
</tbody>
</table>
<!-- // CENTERING TABLE -->
</td>
</tr>
<!-- // END -->
</tbody>
</table>
<!-- // END -->
<!-- EMAIL HEADER W LOGO // -->
<table bgcolor="#F0F1F3" border="0" cellpadding="0" cellspacing="0" width="600" id="emailHeader">
<!-- HEADER ROW // -->
<tbody>
<tr>
<td align="center" valign="top">
<!-- CENTERING TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top">
<!-- FLEXIBLE CONTAINER // -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td valign="top" width="600" class="flexibleContainerCell">
<!-- CONTENT TABLE // -->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="middle" style="display:block; text-align:center;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:100%;">
<tbody>
<tr>
<td align="center" class="">
<a href="https://webflow.com?utm_campaign=flexlaunch&utm_source=blast&utm_medium=email" target="_blank">
<img alt="Webflow Logo" src="https://daks2k3a4ib2z.cloudfront.net/52b1d97cd25933e36e000134/54f6383a12a754c9192e40e6_webflow-logo.png" width="108" style="font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 16px; display: inline-block !important"
border="0">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // FLEXIBLE CONTAINER -->
</td>
</tr>
</tbody>
</table>
<!-- // CENTERING TABLE -->
</td>
</tr>
<!-- // END -->
</tbody>
</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: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px">
<!-- MODULE ROW // -->
<tbody>
<tr>
<td align="center" valign="top">
<!-- CENTERING TABLE // -->
<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="#FFFFFF">
<tbody>
<tr>
<td align="center" valign="top">
<!-- FLEXIBLE CONTAINER // -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td align="center" valign="top" width="600" class="flexibleContainerCell" style="padding-top: 30px; padding-bottom:10px;">
<!-- CONTENT TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<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',Helvetica,Arial,sans-serif;font-size:30px;font-weight:500;text-align:center;margin-bottom: 15px;margin-top: 20px;">Meet the first visual flexbox builder</h1>
<div style="text-align:center;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;margin-bottom:0;color:#6B7075;line-height:135%;">Easily build flexible, responsive layouts — without writing code.</div>
</td>
</tr>
</tbody>
</table>
<!-- // CONTENT TABLE -->
</td>
</tr>
</tbody>
</table>
<!-- // FLEXIBLE CONTAINER -->
</td>
</tr>
</tbody>
</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%">
<tbody>
<tr>
<td align="center" valign="top">
<!-- FLEXIBLE CONTAINER // -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td align="center" valign="top" width="600" class="flexibleContainerCell">
<!-- CONTENT TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="imageContent">
<a href="https://flexbox.webflow.com/?utm_campaign=flexlaunch&utm_source=newsletter&utm_medium=email" target="_blank" style="color:#6B7075;">
<img src="https://daks2k3a4ib2z.cloudfront.net/52b1d97cd25933e36e000134/570befd910732fe2491099fa_flexbox-email-hero.png" width="600" class="flexibleImage" style="max-width:600px;width:100%;display:block;" alt="Flexbox comes to Webflow" title="Flexbox comes to Webflow"
border="0">
</a>
</td>
</tr>
</tbody>
</table>
<!-- // CONTENT TABLE -->
</td>
</tr>
</tbody>
</table>
<!-- // FLEXIBLE CONTAINER -->
</td>
</tr>
</tbody>
</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%">
<tbody>
<tr>
<td align="center" valign="top">
<!-- FLEXIBLE CONTAINER // -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td align="center" valign="top" width="600" class="flexibleContainerCell">
<table border="0" cellpadding="30" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top" style="padding-top: 10px;padding-bottom:10px;">
<!-- CONTENT TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="textContent">
<h3 style="color:#363C43;line-height:125%;font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:20px;font-weight:500;margin-top:0;margin-bottom:15px;text-align:center;">Get started with flexbox</h3>
<div style="text-align:center;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;margin-top:3px;color:#6B7075;line-height:135%;">Discover how flexbox's powerful, intuitive tools can help you quickly build complex, beautiful layouts.</div>
<div style="text-align:center;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;margin-top:3px;color:#6B7075;line-height:135%;"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" valign="top">
<br>
</td>
</tr>
<tr>
<td align="center" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr style="padding-top:0;">
<td align="center" valign="top">
<table border="0" cellpadding="30" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td style="padding-top:0;" align="center" valign="top" width="600" class="flexibleContainerCell">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
<tbody>
<tr>
<td align="center" style="padding-bottom:0; padding-top:0;" class="padding">
<table border="0" cellspacing="0" cellpadding="0" class="responsive-table">
<tbody>
<tr>
<td align="center">
<a href="https://flexbox.webflow.com/?utm_campaign=flexlaunch&utm_source=newsletter&utm_medium=email" target="_blank" style="font-size: 16px; font-family:'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue',Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #EC1561; border-top: 15px solid #EC1561; border-bottom: 15px solid #EC1561; border-left: 25px solid #EC1561; border-right: 25px solid #EC1561; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;"
class="mobile-button">Get flexible →</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // BULLETPROOF BUTTON -->
</td>
</tr>
</tbody>
</table>
<!-- // FLEXIBLE CONTAINER -->
</td>
</tr>
</tbody>
</table>
<!-- // CENTERING TABLE -->
</td>
</tr>
<!-- // MODULE ROW W/ BUTTON -->
<!-- MODULE ROW // -->
<tr>
<td align="center" valign="top">
<!-- CENTERING TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top">
<!-- FLEXIBLE CONTAINER // -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td align="center" valign="top" width="600" class="flexibleContainerCell">
<table border="0" cellpadding="30" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top" style="padding-bottom:40px;padding-top:10px;">
<!-- CONTENT TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" class="textContent">
<div style="text-align:center;font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;margin-bottom:0;margin-top:3px;color:#6B7075;line-height:125%;">Happy designing!
<!-- WEBFLOW LOGO // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" align="left" class="textContent" style="text-align:center; padding-top:10px;">
<img src="http://uploads.webflow.com/52b1d97cd25933e36e000134/54f6530567193b5405b2a311_webflow-sig.png" width="148" style="display: inline-block" alt="Webflow" title="Webflow" border="0">
</td>
</tr>
</tbody>
</table>
<!-- // LOGO -->
</div>
</td>
</tr>
</tbody>
</table>
<!-- // CONTENT TABLE -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // FLEXIBLE CONTAINER -->
</td>
</tr>
</tbody>
</table>
<!-- // CENTERING TABLE -->
</td>
</tr>
<!-- // MODULE ROW -->
</tbody>
</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. -->
<tbody>
<tr>
<td align="center" valign="top">
<!-- CENTERING TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top">
<!-- FLEXIBLE CONTAINER // -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td align="center" valign="top" width="600" class="flexibleContainerCell">
<table border="0" cellpadding="25" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" bgcolor="#F0F1F3" style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;color:#6B7075;text-align:center;line-height:120%;">
<!-- Common Links -->
<a href="https://help.webflow.com/?utm_campaign=flexlaunch&utm_medium=email&utm_source=blast?utm_campaign=flexlaunch&utm_medium=email&utm_source=blast" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;"
target="_blank">Support</a>
<!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span>
<a href="https://help.webflow.com/courses?utm_campaign=flexlaunch&utm_medium=email&utm_source=blast?utm_campaign=flexlaunch&utm_medium=email&utm_source=blast" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;"
target="_blank">Courses</a>
<!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span>
<a href="http://forum.webflow.com?utm_campaign=flexlaunch&utm_source=blast&utm_medium=email" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;"
target="_blank">Forums</a>
<!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span>
<a href="https://webflow.com/templates?utm_campaign=flexlaunch&utm_source=blast&utm_medium=email" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;"
target="_blank">Templates</a>
<!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span>
<a href="/dashboard/login?r=%2Fdashboard%3Futm_campaign%3Dflexlaunch%26utm_medium%3Demail%26utm_source%3Dblast&m=WW91IGhhdmUgYmVlbiBsb2dnZWQgb3V0LiBQbGVhc2Ugc2lnbiBiYWNrIGluIHRvIGNvbnRpbnVlLg%3D%3D" style="color: #6B7075; text-transform: none; font-family: 'AvenirNextLTPro-Medium','Avenir Next','HelveticaNeueMedium','HelveticaNeue-Medium','Helvetica Neue Medium','HelveticaNeue','Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; -webkit-text-size-adjust: none; font-size: 15px; line-height: 25px; display: inline-block;"
target="_blank">Log in</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // FLEXIBLE CONTAINER -->
</td>
</tr>
</tbody>
</table>
<!-- // CENTERING TABLE -->
</td>
</tr>
</tbody>
</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. -->
<tbody>
<tr>
<td align="center" valign="top">
<!-- CENTERING TABLE // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="center" valign="top">
<!-- FLEXIBLE CONTAINER // -->
<table border="0" cellpadding="0" cellspacing="0" width="600" class="flexibleContainer">
<tbody>
<tr>
<td align="center" valign="top" width="600" class="flexibleContainerCell">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td valign="top" bgcolor="#F0F1F3" style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;color:#6B7075;text-align:center;line-height:120%;padding-bottom: 8px;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;">208 Utah Street, Suite 210, San Francisco, CA 94103</span>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#F0F1F3" style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;color:#6B7075;text-align:center;line-height:120%;padding-bottom: 30px;padding-right: 25px;padding-left:25px">
<!-- Email Links -->
<a href="http://jobs.webflow.com?utm_campaign=flexlaunch&utm_source=blast&utm_medium=email" class="ios-footer" style="color: #8F75DA !important; text-decoration: none; -webkit-text-size-adjust: none; display: inline-block;" target="_blank">We're hiring!</a>
<!-- Divider --> <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">|</span>
<a href="https://webflow.us4.list-manage.com/unsubscribe/xxxxx" class="ios-footer" style="color: #8D9196; text-decoration: none; -webkit-text-size-adjust: none; display: inline-block;" target="_blank">Unsubscribe</a>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#F0F1F3" style="font-family:'AvenirNextLTPro-Regular','Avenir Next','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:13px;color:#6B7075;text-align:center;line-height:120%;padding-bottom: 30px;">
<a href="https://webflow.com?utm_campaign=flexlaunch&utm_source=blast&utm_medium=email" target="_blank">
<img alt="Webflow Logo" src="https://daks2k3a4ib2z.cloudfront.net/52b1d97cd25933e36e000134/54f6381c12a754c9192e40bd_webflow-logo-footer.png" width="28" height="28" style="display: inline-block !important; font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 16px;"
border="0">
</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- // FLEXIBLE CONTAINER -->
</td>
</tr>
</tbody>
</table>
<!-- // CENTERING TABLE -->
</td>
</tr>
</tbody>
</table>
<!-- // END -->
</td>
</tr>
</tbody>
</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="https://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://d3e54v103j8qbb.cloudfront.net/gen/img/marketing/webflow-logo.svg">
</div>
</div>
</head>
</html>
<img src="https://webflow.us4.list-manage.com/track/open.php?u=60d1db4f689dc5862f8444d88&id=d6567d0f12&e=482c05f371" height="1" width="1">
</body>
</html>
</body></html>
