Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
  <meta content="telephone=no" name="format-detection"/>
  <!-- disable auto telephone linking in iOS -->
  <title>
   Build CSS grid layouts — visually
  </title>
  <style type="text/css">
   /* ========== Custom Font Import ========== */
            @import url(https://inboxflows.com/_/image/http%253A%252F%252Fdaks2k3a4ib2z.cloudfront.net%252F0globals%252Favenirnextpro-webfont.css/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmRha3MyazNhNGliMiJ9:1kXP6A:ySB_zdfDxq84woMVUQ7PYjgoEinKkG9dmpsbWee0FxU);
            

            /* 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>
 </head>
 <body>
  <center style="background-color:#F0F1F3;">
   <table border="0" cellpadding="0" cellspacing="0" height="100%" id="bodyTable" style="table-layout: fixed;max-width:100% !important;width: 100% !important;min-width: 100% !important;" width="100%">
    <tbody>
     <tr>
      <td align="center" id="bodyCell" valign="top">
       <!-- // EMAIL HEADER -->
       <!-- PREHEADER TEXT -->
       <table bgcolor="#F0F1F3" border="0" cellpadding="0" cellspacing="0" id="emailHeader" width="600">
        <!-- 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" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td class="flexibleContainerCell" valign="top" width="600">
                   <!-- CONTENT TABLE // -->
                   <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" class="flexibleContainerBox" id="invisibleIntroduction" style="display:none !important;" valign="middle">
                       <table border="0" cellpadding="0" cellspacing="0" style="max-width:100%;" 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">
                            Build responsive, CSS grid–powered layouts in Webflow visually.
                           </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" id="emailHeader" width="600">
        <!-- 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" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td class="flexibleContainerCell" valign="top" width="600">
                   <!-- CONTENT TABLE // -->
                   <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" style="display:block; text-align:center;" valign="middle">
                       <table border="0" cellpadding="0" cellspacing="0" style="max-width:100%;" width="100%">
                        <tbody>
                         <tr>
                          <td align="center" class="">
                           <a target="_blank">
                            <img alt="Webflow Logo" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Fdaks2k3a4ib2z.cloudfront.net%252F52b1d97cd25933e36e000134%252F54f6383a12a754c9192e40e6_webflow-logo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmRha3MyazNhNGliMiJ9:1kXP6A:ySB_zdfDxq84woMVUQ7PYjgoEinKkG9dmpsbWee0FxU" style="font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 16px; display: inline-block !important" width="108"/>
                           </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" id="emailBody" style="margin-bottom: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px" width="600">
        <!-- MODULE ROW // -->
        <tbody>
         <tr>
          <td align="center" valign="top">
           <!-- CENTERING TABLE // -->
           <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="0" style="color:#FFFFFF;border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;" width="100%">
            <tbody>
             <tr>
              <td align="center" valign="top">
               <!-- FLEXIBLE CONTAINER // -->
               <table border="0" cellpadding="0" cellspacing="0" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td align="center" class="flexibleContainerCell" style="padding-top: 30px;padding-bottom: 30px;padding-left: 30px;padding-right: 30px;" valign="top" width="600">
                   <!-- CONTENT TABLE // -->
                   <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" class="textContent" valign="top">
                       <h1 style="color: #fff;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;">
                        The power of CSS grid — made visual
                       </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: rgba(255, 255, 255, .6);line-height:135%;">
                        Build responsive, CSS grid–powered layouts visually in Webflow.
                       </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" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td align="center" class="flexibleContainerCell" valign="top" width="600">
                   <!-- CONTENT TABLE // -->
                   <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td class="imageContent" valign="top">
                       <a style="color:#6B7075;" target="_blank">
                        <img alt="Webflow grid" border="0" class="flexibleImage" src="https://inboxflows.com/_/image/https%253A%252F%252Fuploads-ssl.webflow.com%252F52b1d97cd25933e36e000134%252F5bbd11235ef3cb51d9979bc6_grid%2520email%2520hero%2520playground%2520banner.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1cGxvYWRzLXNzbCJ9:1kXP6A:UpmJHhyoO0J0dUP3lwL5VbY1uaIqKJf5Mjau0n43FTo" style="max-width:600px;width:100%;display:block;" title="Webflow grid" width="600"/>
                       </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" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td align="center" class="flexibleContainerCell" valign="top" width="600">
                   <table border="0" cellpadding="30" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" style="padding-top: 40px;padding-bottom:10px;" valign="top">
                       <!-- CONTENT TABLE // -->
                       <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tbody>
                         <tr>
                          <td class="textContent" valign="top">
                           <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 your hands on grid today
                           </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%;">
                            Check out our interactive grid playground and cloneable layouts to get started building with grid today.
                           </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" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td align="center" class="flexibleContainerCell" style="padding-top:0;" valign="top" width="600">
                   <table border="0" cellpadding="0" cellspacing="0" class="mobile-button-container" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" class="padding" style="padding-bottom:0; padding-top:0;">
                       <table border="0" cellpadding="0" cellspacing="0" class="responsive-table">
                        <tbody>
                         <tr>
                          <td align="center">
                           <a class="mobile-button" 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: #4353ff;border-top: 15px solid #4353ff;border-bottom: 15px solid #4353ff;border-left: 25px solid #4353ff;border-right: 25px solid #4353ff;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;display: inline-block;" target="_blank">
                            Start building →
                           </a>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <!-- // BULLETPROOF BUTTON -->
                  </td>
                 </tr>
                 <tr>
                  <td align="center" class="padding" style="padding-bottom: 20px;padding-top: 20px;">
                   <div style="
    text-align: center;
    font-size: 12px;
    color: #6B7075;
    margin-bottom: 10px;
">
                    SPREAD THE WORD
                   </div>
                   <a style="display: inline-block;padding: 10px;width: 40px;height: 40px;" target="_blank">
                    <img src="https://inboxflows.com/_/image/https%253A%252F%252Fdaks2k3a4ib2z.cloudfront.net%252F57740da92de39fb074c85d1f%252F5966931c50d39b34abb5d7c8_social-twitter-40%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkYWtzMmszYTRpYiJ9:1kXP6A:ucJ6pUnFGqUn4mTMFklX_mRI6Xaw3jObIg5midlmak4" style="
    width: 100%;
    height: 100%;
"/>
                   </a>
                   <a style="display: inline-block;padding: 10px;width: 40px;height: 40px;" target="_blank">
                    <img src="https://inboxflows.com/_/image/https%253A%252F%252Fuploads-ssl.webflow.com%252F52b1d97cd25933e36e000134%252F5aa99044c32378fb4c8fd783_social-fb-40%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1cGxvYWRzLXNzbCJ9:1kXP6A:UpmJHhyoO0J0dUP3lwL5VbY1uaIqKJf5Mjau0n43FTo" style="
    width: 100%;
    height: 100%;
"/>
                   </a>
                   <a style="display: inline-block;padding: 10px;width: 40px;height: 40px;" target="_blank">
                    <img src="https://inboxflows.com/_/image/https%253A%252F%252Fuploads-ssl.webflow.com%252F52b1d97cd25933e36e000134%252F5aa99044c3237835998fd782_social-email-40%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1cGxvYWRzLXNzbCJ9:1kXP6A:UpmJHhyoO0J0dUP3lwL5VbY1uaIqKJf5Mjau0n43FTo" style="
    width: 100%;
    height: 100%;
"/>
                   </a>
                   <table border="0" cellpadding="0" cellspacing="0" class="responsive-table">
                    <tbody>
                     <tr>
                     </tr>
                    </tbody>
                   </table>
                  </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" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td align="center" class="flexibleContainerCell" valign="top" width="600">
                   <table border="0" cellpadding="30" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" style="padding-bottom:40px;padding-top:10px;" valign="top">
                       <!-- CONTENT TABLE // -->
                       <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tbody>
                         <tr>
                          <td class="textContent" valign="top">
                           <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 align="left" class="textContent" style="text-align:center; padding-top:10px;" valign="top">
                                <img alt="Webflow" border="0" src="https://inboxflows.com/_/image/http%253A%252F%252Fuploads.webflow.com%252F52b1d97cd25933e36e000134%252F54f6530567193b5405b2a311_webflow-sig.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnVwbG9hZHMud2ViZiJ9:1kXP6A:kf_dtOVYB8J4fHdD70lZdwA8goziqxFQh_r3INQCCsg" style="display: inline-block" title="Webflow" width="148"/>
                               </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" id="emailFooter" width="600">
        <!-- 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" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td align="center" class="flexibleContainerCell" valign="top" width="600">
                   <table border="0" cellpadding="25" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td 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%;" valign="top">
                       <!-- Common Links -->
                       <a 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">
                        Learn
                       </a>
                       <!-- Divider -->
                       <span class="ios-footer" style="color:#BFC1C4; -webkit-text-size-adjust: none;">
                        |
                       </span>
                       <a 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 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 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 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" id="emailFooter" width="600">
        <!-- 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" class="flexibleContainer" width="600">
                <tbody>
                 <tr>
                  <td align="center" class="flexibleContainerCell" valign="top" width="600">
                   <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tbody>
                     <tr>
                      <td 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" valign="top">
                       <!-- 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>
                     <tr>
                      <td 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" valign="top">
                       <!-- Email Links -->
                       <a class="ios-footer" style="color: #4353FF !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 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 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;" valign="top">
                       <a target="_blank">
                        <img alt="Webflow Logo" border="0" height="28" src="https://inboxflows.com/_/image/http%253A%252F%252Fdaks2k3a4ib2z.cloudfront.net%252F52b1d97cd25933e36e000134%252F54f6381c12a754c9192e40bd_webflow-logo-footer.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmRha3MyazNhNGliMiJ9:1kXP6A:ySB_zdfDxq84woMVUQ7PYjgoEinKkG9dmpsbWee0FxU" style="display: inline-block !important; font-family: Helvetica, Arial, sans-serif; color: #666666; font-size: 16px;" width="28"/>
                       </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="//schema.org/EmailMessage">
   <div itemprop="publisher" itemscope="" itemtype="//schema.org/Organization">
    <meta content="Webflow" itemprop="name"/>
    <link href="//webflow.com/" itemprop="url"/>
    <link href="https://plus.google.com/b/118282361738086985368" itemprop="url/googlePlus"/>
   </div>
   <div itemprop="about" itemscope="" itemtype="//schema.org/Offer">
    <link href="https://d3e54v103j8qbb.cloudfront.net/gen/img/marketing/webflow-logo.svg" itemprop="image"/>
   </div>
  </div>
  <img src="https://inboxflows.com/_/image/http%253A%252F%252Fapi.mixpanel.com%252Ftrack%253Fdata%253DeyJldmVudCI6ICIkY2FtcGFpZ25fb3BlbiIsICJwcm9wZXJ0aWVzIjogeyJ0b2tlbiI6ICIxYjAzYjg0OTdlOGE1NWNiMDBlNDE5MzMwYzIzYzIzNCIsICJkaXN0aW5jdF9pZCI6ICI1YWZlZDlmOTkwOTA4YTQ5MTVlMjQzZTIiLCAidHlwZSI6ICJlbWFpbCIsICJjYW1wYWlnbl9pZCI6IDMzMjQ0MDh9fQ%253D%253D%2526img%253D1/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmFwaS5taXhwYW5lbCJ9:1kXP6A:t0N2cagyT8_nq3vllRgjJ-BI1gV7Rai3GRh1im9Y1S4"/>
 </body>
</html>