cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

Quick-add: + add another resource

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <!-- start coded_template: id:5216774444 path:Custom/email/dbco/dbco-master.html
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
    <meta name="viewport" content="width=device-width">
    <style type="text/css">
      /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
      #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
      .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
      .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
      body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
      table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
      img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
      /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
      body{margin:0; padding:0;}
      img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
      body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
      table {border-collapse: collapse;}
      img {display:block;}
      span.preheader { display: none !important; }
      a[x-apple-data-detectors] {color: inherit !important;text-decoration: none !important;font-size: inherit !important;font-family: inherit !important;font-weight: inherit !important;line-height: inherit !important;text-decoration: none !important;}
    </style>
    <style type="text/css" id="hs-inline-css">
      .preheader, span[summary="preheader"]{ display: none !important; Margin-left: -9999 !important; width: 0 !important; height: 0 !important; visibility: hidden !important; min-width: 0 !important; min-height: 0 !important; font-size: 0 !important; line-height: 0 !important; }
        .dbco-body {border:15px solid #002FC7;}
        .border-gap {border:15px solid #FFFFFF;}
        .inner-table {width:93.75%;max-width:630px;Margin:0 auto;}
        .alt-table {width:84.375%;max-width:570px;Margin:0 auto;}
        
        
        
        
        
        
        
        body { font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif; color: #090B0A; }
         p { font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif; font-weight: normal;font-size:16px;margin:0 auto;letter-spacing:0;line-height:32px;}
        h1, h2, h3, h4, h5, h6 { font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif; font-weight: bold; margin:0 auto;}
         h1{font-size:40px;color:#111111;letter-spacing:-0.5px;line-height:48px;}
         h2{font-size:24px;letter-spacing:0;line-height:36px;}
        h3{font-size:10px;color:#111111;letter-spacing:1px;text-transform:uppercase;}
        
        img + div { display:none; }
        .header-table{border-top:45px solid #ffffff; border-bottom:45px solid #ffffff;}
        .header-table span{ font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif;font-weight: bold;font-size:9px;color:#a0a0a0;letter-spacing:1px;line-height:22px;border-bottom: 1px solid #a0a0a0;display:inline-block;}
        .hello{ font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif;font-weight: bold;font-size:10px;color:#2756E9;letter-spacing:1px;text-transform:uppercase;border:30px solid #FFFFFF;}
        .hero p{color: #a0a0a0;margin-top:20px;margin-bottom:30px;}
        .item-text{ font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif;font-weight: normal;font-size:14px;color:#6d6d6d;letter-spacing:0;line-height:26px;}
        .author-table span{ font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif; font-weight: bold; font-size:10px;letter-spacing:1px;}
        
        
        
        .hero-side{width:16.67%;}
        
        
        
        .card-side{width:19.52%;}
        
        .item-total-odd .item-icon {border-right: 26px solid #f7f7f7;}
        .footer-table a,.footer-table span { font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif;font-weight: bold;font-size:10px;letter-spacing:1px;line-height:30px;color:#666666;text-decoration:none;text-transform:uppercase;}
    </style>
    <style type="text/css" id="no-inline-css">
      @media screen and (max-width:9999px){
          .main-cta:hover,* [summary="main-cta"]:hover {color:inherit !important;background-color:inherit !important;}
          .card-cta:hover,* [summary="card-cta"]:hover {color:inherit !important;background-color:inherit !important;}
          .inv-cta:hover,* [summary="inv-cta"]:hover {background-color:inherit !important;}
          .twitter img,.facebook img, .linkedin img {display:none !important;}
          .twitter {background: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-twitter.png?t=1504191147422) top center / 100%;background-image: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-twitter.png?t=1504191147422);background-size:cover;}
          .facebook {background: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-facebook.png?t=1504191147422) top center / 100%;background-image: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-facebook.png?t=1504191147422);background-size:cover;}
          .linkedin {background: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-linkedin.png?t=1504191147422) top center / 100%;background-image: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-linkedin.png?t=1504191147422);background-size:cover;}
          .twitter:hover,* [summary="twitter"]:hover { background: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-twitter.png?t=1504191147422) bottom center / 100% !important; }
          .facebook:hover,* [summary="facebook"]:hover { background: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-facebook.png?t=1504191147422) bottom center / 100% !important; }
          .linkedin:hover,* [summary="linkedin"]:hover { background: url(https://get.invisionapp.com/hubfs/email/dbco/misc/dbco-linkedin.png?t=1504191147422) bottom center / 100% !important; }
      }
      @media only screen and (max-width: 599px){
          .header-td{display: inline-block !important;text-align:center !important;width:100% !important;}
          .header-td.center a{margin-top:30px !important;display: block !important;}
          .header-td.center img{max-width:195px !important;margin: auto !important;}
          .header-td.right{display:none !important;}
          .hello {border-bottom: 20px solid #ffffff !important;}
          .hero-p{width:100% !important;}
          .card-text h1 {margin-bottom:15px !important;}
          
          
          .header-table td {display:inline-block;}
          .list-table{border: none !important;margin-bottom:15px !important;}
          .item-total{border-width: 15px !important;border-bottom-width:0 !important;}
          .list-table-td{display:block !important;}
          .item-td{display:block !important;border:none !important;width:100% !important;}
          .item-icon{margin-bottom:30px !important;}
          h1{font-size:30px !important;line-height:36px !important;}
          h2{font-size:18px !important;line-height:27px !important;}
          p{font-size:14px !important;line-height:28px !important;}
          .logo-gap{width:5% !important;}
          .inv-inner-table{border-top-width:55px !important;border-bottom-width:55px !important;}
          .footer-table * {font-size:9px !important;}
          .footer-table .middle-gap, .footer-table .extra-spacing {display:none !important;}
          .footer-table .row {display:block !important;}
          .footer-table .bottom-row {margin-bottom:15px !important;}
          .card-bottom, .card-bottom img{height:auto !important;}
          .card-text h1{display:block !important;font-size:20px !important;line-height:24px !important;}
          .card-content-table {display:none !important;}
        
      }
      @media only screen and (max-width: 480px){
        body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} 
        body{width:100% !important; min-width:100% !important;} 
      }
    </style>
    <meta name="generator" content="HubSpot">
    <meta property="og:url" content="http://get.invisionapp.com/welcome-to-design-better-co-ssad">
  </head>
  <!--[if !((gte mso 9)|(IE))]>
    <!-->
    
    <body bgcolor="#FFFFFF" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#090b0a"><span class="preheader" summary="preheader" style="display:none !important; Margin-left:-9999 !important; width:0 !important; height:0 !important; visibility:hidden !important; min-width:0 !important; min-height:0 !important; font-size:0 !important; line-height:0 !important"
      width="0 !important" height="0 !important">You'll be the first to hear about exciting new content. I’ll keep you posted about new content, exclusive events, ...</span>
    <!--<![endif]-->
    <table id="dbco-body" class="dbco-body" width="100%" height="100%" align="center"
    border="15" cellspacing="0" cellpadding="0" style="border:15px solid #002fc7; background-color:#FFFFFF"
    bgcolor="#FFFFFF">
      <tbody>
        <tr>
          <td align="center" valign="top">
            <!-- START LIQUID WRAPPER -->
            <!--[if mso]>
              <table cellpadding="0" cellspacing="0" border="0" style="padding:0px;margin:0px;width:100%;">
                <tr>
                  <td style="padding:0px;margin:0px;">&nbsp;</td>
                  <td style="padding:0px;margin:0px;" width="640">
                  <![endif]-->
                  <table class="inner-table border-gap header-table" align="center" valign="top"
                  cellpadding="0" cellspacing="0" style="border:15px solid #ffffff; width:93.75%; max-width:630px; Margin:0 auto; border-top:45px solid #ffffff; border-bottom:45px solid #ffffff"
                  width="93.75%">
                    <tbody>
                      <tr>
                        <td class="left header-td" align="left" valign="middle" width="33.33%">
                          <a href="https://www.invisionapp.com?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-8uxZueumkDhk6EwgCkIa3mAu2S69HPszhTrPv8DO3HrR3ACuJUxbRSpED5HBIWt1tciCKvPaj61-mEM919q2GBkXkkRGYK4KEphHE5lTO466E2yoE&_hsmi=54331198"
                          data-hs-link-id="0" target="_blank"><span style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:9px; color:#a0a0a0; letter-spacing:1px; line-height:22px; border-bottom:1px solid #a0a0a0; display:inline-block">BY INVISION</span>
                          </a>
                        </td>
                        <td class="center header-td" align="center" valign="middle" width="33.33%">
                          <a href="https://www.designbetter.co?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz--tNLyoIlcahkRPswgm9x7G1_jD6zR-slU9XirwaoA_xtDePt3zs66jnC_bszBAUS-wNvY7rGkgWYvRygs5w-igRnUedODFPtYbTwaes1aVAKP5OSY&_hsmi=54331198"
                          data-hs-link-id="0" target="_blank">
                            <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/logo/dbco.png?noresize&amp;t=1504191147422&amp;width=181&amp;name=dbco.png"
                            width="181" style="width:100%;max-width:181px;display:block;">
                          </a>
                        </td>
                        <td class="right header-td" align="right" valign="middle" width="33.33%">
                          <a href="#"
                          data-hs-link-id="0" target="_blank"><span style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:9px; color:#a0a0a0; letter-spacing:1px; line-height:22px; border-bottom:1px solid #a0a0a0; display:inline-block">VIEW IN BROWSER</span>
                          </a>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="hero hero-outer-table border-gap" summary="hero-outer-table" align="center"
                  valign="top" cellpadding="0" cellspacing="0" style="border:15px solid #ffffff; width:100%; max-width:930px; Margin:0 auto"
                  width="100%">
                    <tbody>
                      <tr>
                        <td>
                          <table class="inner-table" summary="inner-table" align="center" valign="top" border="0"
                          cellpadding="0" cellspacing="0" style="width:93.75%; max-width:630px; Margin:0 auto"
                          width="93.75%">
                            <tbody>
                              <tr>
                                <td class="hello" align="center" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; color:#2756e9; letter-spacing:1px; text-transform:uppercase; border:30px solid #ffffff">Hello Smiles Davis</td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <h1 style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; margin:0 auto; font-size:40px; color:#111111; letter-spacing:-0.5px; line-height:48px">You're in!</h1>
                                </td>
                              </tr>
                              <tr>
                                <td height="25" style="font-size:0;line-height:0;height:25px;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <p class="hero-p" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px; margin:0 auto; letter-spacing:0; line-height:32px; color:#a0a0a0; margin-top:20px; margin-bottom:30px; width:75%; max-width:450px; Margin:0 auto"
                                  width="75%">I’m glad you signed up to be part of the DesignBetter.Co insider community. I’ll
                                    keep you posted about new content, exclusive events, and new webinars and workshops.
                                    <br>
                                    <br>In the meantime, here are a few parts of DesignBetter.Co you might have missed:</p>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="alt-table border-gap" align="center" valign="top" cellpadding="0"
                  cellspacing="0" style="border:15px solid #ffffff; width:84.375%; max-width:570px; Margin:0 auto"
                  width="84.375%">
                    <tbody>
                      <tr>
                        <td height="50" style="height:50px;font-size:0;line-height:0;border-right:1px solid #CCCCCC;">&nbsp;</td>
                        <td style="height:50px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="card-outer-table border-gap" align="center" valign="top" cellpadding="0"
                  cellspacing="0" style="border:15px solid #ffffff; width:100%; max-width:768px; Margin:0 auto"
                  width="100%">
                    <tbody>
                      <tr>
                        <td height="45" style="height:45px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td>
                          <table class="card-inner-table" align="center" valign="top" border="0" cellpadding="0"
                          cellspacing="0" style="width:100%;max-width:738px;Margin:0 auto;">
                            <tbody>
                              <tr>
                                <td>
                                  <a href="https://www.designbetter.co/podcast?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-9Sr521A3lTMGSDUPqShy0dl0eWOyjEi3pMZhHLSBuMSo4NdSezab5yeggq18ZC0sgE4BqAAy0l_WieZXUjeI2EdGY2VBlMl4ceAWFV-gXsZ0WIaeo&_hsmi=54331198"
                                  target="_blank" data-hs-link-id="0">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/podcast-top.png?noresize&amp;t=1504191147422&amp;width=738&amp;name=podcast-top.png"
                                    width="738" style="width:100%;max-width:738px;display:block;">
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <table class="card-inner-table" summary="card-inner-table" align="center" valign="top"
                          border="0" cellpadding="0" cellspacing="0" style="width:100%;max-width:738px;Margin:0 auto;">
                            <tbody>
                              <tr>
                                <td class="card-side" valign="top" style="width:19.52%" width="19.52%">
                                  <a href="https://www.designbetter.co/podcast?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz--UMwwgN8HyfDaj7NxyfawnNSi956Id_83VNcxB2ybjAWE69L7JEnmX74C_LMGd-aC5RFC5HxkrGgan6dwyDtWw9GITT3ccPuLil-4KKw1Z1Cfzj8I&_hsmi=54331198"
                                  target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="1">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/podcast-left.png?noresize&amp;t=1504191147422&amp;width=144&amp;name=podcast-left.png"
                                    width="144" style="width:100%;max-width:144px;display:block;">
                                  </a>
                                </td>
                                <td class="card-center" valign="top">
                                  <table class="card-bottom" align="center" valign="top" border="0" cellpadding="0"
                                  cellspacing="0" style="width:100%;max-width:450px;Margin:0 auto;height:0px;">
                                    <tbody>
                                      <tr>
                                        <td>
                                          <a href="https://www.designbetter.co/podcast?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-8F-FoU331sER4UU_qxTeHXi0qOaGun5Wt0R0YTMtW05FgM4TfS4pe7cDq24iCr5SHnFjJGM5hSvwF3sSz6_Ik_hIIR_DVLu34Mzk0uM_LM0ldzoCc&_hsmi=54331198"
                                          target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="2">
                                            <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/podcast-bottom.png?noresize&amp;t=1504191147422&amp;width=450&amp;name=podcast-bottom.png"
                                            width="450" style="width:100%;max-width:450px;display:block;height:0px;">
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <table class="card-content-table" align="center" valign="top" border="0" cellpadding="15"
                                  cellspacing="0" style="width:100%;max-width:450px;Margin:0 auto;">
                                    <tbody>
                                      <tr>
                                        <td align="center">
                                          <h1 style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; margin:0 auto; font-size:24px; color:#002FC7; letter-spacing:0; line-height:32px; margin-top:23px">The DesignBetter.Co Podcast</h1>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td class="card-side" valign="top" style="width:19.52%" width="19.52%">
                                  <a href="https://www.designbetter.co/podcast?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-8uP31cXrUIerUSjuhXrZVpdq8Wy2SkS6sJZ6KF5YRZWM3Yul5sKeQvjBVejztHbBX3D0HdLZwdZe5NgL0ZND2YBnK9eEWaoEEU-0UcBSJTGFi75fo&_hsmi=54331198"
                                  target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="3">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/podcast-right.png?noresize&amp;t=1504191147422&amp;width=144&amp;name=podcast-right.png"
                                    width="144" style="width:100%;max-width:144px;display:block;">
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <table class="inner-table card-text" summary="inner-table" align="center" valign="top"
                          border="0" cellpadding="0" cellspacing="0" style="width:93.75%; max-width:630px; Margin:0 auto"
                          width="93.75%">
                            <tbody>
                              <tr>
                                <td align="center">
                                  <h1 style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; margin:0 auto; font-size:24px; color:#002FC7; letter-spacing:0; line-height:32px; margin-top:23px; display:none">The DesignBetter.Co Podcast</h1>
                                </td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <p style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px; margin:0 auto; letter-spacing:0; line-height:32px; max-width:380px; margin-bottom:30px">Discover what it means to be a product-driven company from design innovators,
                                    including IDEO and Stanford d.school founder David Kelley.</p>
                                </td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <div>
                                    <!--[if mso]>
                                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
                                      href="https://www.designbetter.co/podcast" style="height:60px;v-text-anchor:middle;width:300px;"
                                      arcsize="50%" stroke="f" fillcolor="#002FC7">
                                        <w:anchorlock/>
                                        <center>
                                        <![endif]-->
                                        <a href="https://www.designbetter.co/podcast?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-9QK_9DGx74oJVtoB4WGBiUOfyurKj45OOYGv26faVByxvq7zm53g3gxcmXYCcf8cu3ul5soPDI_SZ4-FGA5cCcwq8gevDHl77qC1iFuYa09oEIw2g&_hsmi=54331198"
                                        style="background-color:#002FC7 !important;color:#FFFFFF !important;border-radius:35px;display: inline-block !important;"
                                        data-hs-link-id="4" target="_blank">
<span class="card-cta" summary="card-cta" style="border-radius:35px;border:1px solid #002FC7;background-color:#FFFFFF;padding:10px 44px 10px 44px;color:#002FC7;display:inline-block;font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif;font-weight: bold;font-size:10px;letter-spacing:1px;line-height:20px !important;text-transform:uppercase;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;">LISTEN AND LEARN</span>

                                        </a>
                                        <!--[if mso]>
                                        </center>
                                      </v:roundrect>
                                    <![endif]-->
                                  </div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td height="30" style="height:30px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="card-outer-table border-gap" align="center" valign="top" cellpadding="0"
                  cellspacing="0" style="border:15px solid #ffffff; width:100%; max-width:768px; Margin:0 auto"
                  width="100%">
                    <tbody>
                      <tr>
                        <td height="45" style="height:45px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td>
                          <table class="card-inner-table" align="center" valign="top" border="0" cellpadding="0"
                          cellspacing="0" style="width:100%;max-width:738px;Margin:0 auto;">
                            <tbody>
                              <tr>
                                <td>
                                  <a href="https://www.designbetter.co/workshops?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-_C-UMsdY01SPCLrRjp8mQxzuiJZPJW00os2Sbnvw9Gxld0Iaa0gqpVSnk60vXZZzTIcxm2f1k868p6ugvtN1XO6BFwnCfXlsWBbocA9CfNwM8nDzU&_hsmi=54331198"
                                  target="_blank" data-hs-link-id="0">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/workshops-top.png?noresize&amp;t=1504191147422&amp;width=738&amp;name=workshops-top.png"
                                    width="738" style="width:100%;max-width:738px;display:block;">
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <table class="card-inner-table" summary="card-inner-table" align="center" valign="top"
                          border="0" cellpadding="0" cellspacing="0" style="width:100%;max-width:738px;Margin:0 auto;">
                            <tbody>
                              <tr>
                                <td class="card-side" valign="top" style="width:19.52%" width="19.52%">
                                  <a href="https://www.designbetter.co/workshops?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz--nUHRu2Zv7-tQ-ZBDL3mYp1ZC4gJOymfZVcKkLpmy0Gfdqrbzsc4Ff1Skmmx6j5CHJJ1iH5PHLaaQDpP29avItcw0hMgrSP_RkhstOHPF9QNJaCsU&_hsmi=54331198"
                                  target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="1">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/workshops-left.png?noresize&amp;t=1504191147422&amp;width=144&amp;name=workshops-left.png"
                                    width="144" style="width:100%;max-width:144px;display:block;">
                                  </a>
                                </td>
                                <td class="card-center" valign="top">
                                  <table class="card-bottom" align="center" valign="top" border="0" cellpadding="0"
                                  cellspacing="0" style="width:100%;max-width:450px;Margin:0 auto;height:0px;">
                                    <tbody>
                                      <tr>
                                        <td>
                                          <a href="https://www.designbetter.co/workshops?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz--dOT4t_EpSayINALaUZkZDQrObkT2hqOAFg2CslXwVLt9PYVhpRfC3KjmzVRWP4MTLPulXUY-cE-3NHlpKVocSYGL9y8mu1opCdlgfKxLLREYeusY&_hsmi=54331198"
                                          target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="2">
                                            <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/workshops-bottom.png?noresize&amp;t=1504191147422&amp;width=450&amp;name=workshops-bottom.png"
                                            width="450" style="width:100%;max-width:450px;display:block;height:0px;">
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <table class="card-content-table" align="center" valign="top" border="0" cellpadding="15"
                                  cellspacing="0" style="width:100%;max-width:450px;Margin:0 auto;">
                                    <tbody>
                                      <tr>
                                        <td align="center">
                                          <h1 style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; margin:0 auto; font-size:24px; color:#002FC7; letter-spacing:0; line-height:32px; margin-top:23px">Expert workshops</h1>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td class="card-side" valign="top" style="width:19.52%" width="19.52%">
                                  <a href="https://www.designbetter.co/workshops?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz--eSX9cXxpF2sPK464sPigJTH9GZn48xc2fVdPKaEH2LC5dFg8Rz2vFywEGbDf_-i1fMQN0BvFG4fVELnl0OPcPrLhZSc_x9XB-Vf7XfK6CQBpgLQk&_hsmi=54331198"
                                  target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="3">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/workshops-right.png?noresize&amp;t=1504191147422&amp;width=144&amp;name=workshops-right.png"
                                    width="144" style="width:100%;max-width:144px;display:block;">
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <table class="inner-table card-text" summary="inner-table" align="center" valign="top"
                          border="0" cellpadding="0" cellspacing="0" style="width:93.75%; max-width:630px; Margin:0 auto"
                          width="93.75%">
                            <tbody>
                              <tr>
                                <td align="center">
                                  <h1 style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; margin:0 auto; font-size:24px; color:#002FC7; letter-spacing:0; line-height:32px; margin-top:23px; display:none">Expert workshops</h1>
                                </td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <p style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px; margin:0 auto; letter-spacing:0; line-height:32px; max-width:380px; margin-bottom:30px">Starting in Fall 2017, we’ll offer workshops in design thinking, systems, and
                                    more. Bring DesignBetter.Co to life and elevate your design practice.</p>
                                </td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <div>
                                    <!--[if mso]>
                                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
                                      href="https://www.designbetter.co/workshops" style="height:60px;v-text-anchor:middle;width:300px;"
                                      arcsize="50%" stroke="f" fillcolor="#002FC7">
                                        <w:anchorlock/>
                                        <center>
                                        <![endif]-->
                                        <a href="https://www.designbetter.co/workshops?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-9nsf4t7yqfqAb6mPkMRzP_P08WhVfNN1fvz5sMCDthVnrjs9jSn3QrOsKTOxPnF_U-gRCJL6-rj25B7Pc-dI40lWNuObQA-A0qGnO4rgDP31ynCpE&_hsmi=54331198"
                                        style="background-color:#002FC7 !important;color:#FFFFFF !important;border-radius:35px;display: inline-block !important;"
                                        data-hs-link-id="4" target="_blank">
<span class="card-cta" summary="card-cta" style="border-radius:35px;border:1px solid #002FC7;background-color:#FFFFFF;padding:10px 44px 10px 44px;color:#002FC7;display:inline-block;font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif;font-weight: bold;font-size:10px;letter-spacing:1px;line-height:20px !important;text-transform:uppercase;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;">REQUEST A WORKSHOP</span>

                                        </a>
                                        <!--[if mso]>
                                        </center>
                                      </v:roundrect>
                                    <![endif]-->
                                  </div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td height="30" style="height:30px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="card-outer-table border-gap" align="center" valign="top" cellpadding="0"
                  cellspacing="0" style="border:15px solid #ffffff; width:100%; max-width:768px; Margin:0 auto"
                  width="100%">
                    <tbody>
                      <tr>
                        <td height="45" style="height:45px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td>
                          <table class="card-inner-table" align="center" valign="top" border="0" cellpadding="0"
                          cellspacing="0" style="width:100%;max-width:738px;Margin:0 auto;">
                            <tbody>
                              <tr>
                                <td>
                                  <a href="https://www.designbetter.co/design-leadership-handbook?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-_Nkzha_7JEUsuVN-28W1pWuoUC7pzelXATuxyyBijVDKiijGzOMsFtlA60dNeA57h8lliNNwGZ2goCi4KefVFjYhj4BE9cS_P0p2Zw-iZPDvdlTo0&_hsmi=54331198"
                                  target="_blank" data-hs-link-id="0">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/designleadershiphandbook2-top.png?noresize&amp;t=1504191147422&amp;width=738&amp;name=designleadershiphandbook2-top.png"
                                    width="738" style="width:100%;max-width:738px;display:block;">
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <table class="card-inner-table" summary="card-inner-table" align="center" valign="top"
                          border="0" cellpadding="0" cellspacing="0" style="width:100%;max-width:738px;Margin:0 auto;">
                            <tbody>
                              <tr>
                                <td class="card-side" valign="top" style="width:19.52%" width="19.52%">
                                  <a href="https://www.designbetter.co/design-leadership-handbook?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-_Z33BfuRMZbZBFzvzgTKo_WXy0pDuX4km0O-Hb7xRfoDbnMCrYbWqFWkg1kTY2Wwxx1ZPRvVk3pEo6wO5Dx-9SYw5lmeQZSuZ4tXtExQ88gFJLiw0&_hsmi=54331198"
                                  target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="1">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/designleadershiphandbook2-left.png?noresize&amp;t=1504191147422&amp;width=144&amp;name=designleadershiphandbook2-left.png"
                                    width="144" style="width:100%;max-width:144px;display:block;">
                                  </a>
                                </td>
                                <td class="card-center" valign="top">
                                  <table class="card-bottom" align="center" valign="top" border="0" cellpadding="0"
                                  cellspacing="0" style="width:100%;max-width:450px;Margin:0 auto;height:0px;">
                                    <tbody>
                                      <tr>
                                        <td>
                                          <a href="https://www.designbetter.co/design-leadership-handbook?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-82MwT1iAMOA1C2nbPZ7-zLlvwpm7leHAUCNrQ9Sb-cdFeZGCWodfiPRxiPzQfkfLJeZ4XCShqeNc93tlJ-VVmA8C_ou1RtYKiOtdV9T0UbzCTThac&_hsmi=54331198"
                                          target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="2">
                                            <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/designleadershiphandbook2-bottom.png?noresize&amp;t=1504191147422&amp;width=450&amp;name=designleadershiphandbook2-bottom.png"
                                            width="450" style="width:100%;max-width:450px;display:block;height:0px;">
                                          </a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <table class="card-content-table" align="center" valign="top" border="0" cellpadding="15"
                                  cellspacing="0" style="width:100%;max-width:450px;Margin:0 auto;">
                                    <tbody>
                                      <tr>
                                        <td align="center">
                                          <h1 style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; margin:0 auto; font-size:24px; color:#002FC7; letter-spacing:0; line-height:32px; margin-top:23px">Build a world-class team</h1>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td class="card-side" valign="top" style="width:19.52%" width="19.52%">
                                  <a href="https://www.designbetter.co/design-leadership-handbook?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-8Gid6tzutoBCpvmRmMiCMhaBtniC01J6HyvByFwFomuug9hY0J5S-qM4apODAWPefNn6OJVtYhpwUxsIq_Nd7URd4Xu6nEYiwySq0NHHGFGlhMdvw&_hsmi=54331198"
                                  target="_blank" style="font-size:0;line-height:0;" data-hs-link-id="3">
                                    <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/card/slices/designleadershiphandbook2-right.png?noresize&amp;t=1504191147422&amp;width=144&amp;name=designleadershiphandbook2-right.png"
                                    width="144" style="width:100%;max-width:144px;display:block;">
                                  </a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td>
                          <table class="inner-table card-text" summary="inner-table" align="center" valign="top"
                          border="0" cellpadding="0" cellspacing="0" style="width:93.75%; max-width:630px; Margin:0 auto"
                          width="93.75%">
                            <tbody>
                              <tr>
                                <td align="center">
                                  <h1 style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; margin:0 auto; font-size:24px; color:#002FC7; letter-spacing:0; line-height:32px; margin-top:23px; display:none">Build a world-class team</h1>
                                </td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <p style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px; margin:0 auto; letter-spacing:0; line-height:32px; max-width:380px; margin-bottom:30px">Read, watch, and listen as leaders like Facebook’s Julie Zhuo talk about how to
                                    hire designers and more, in the Design Leadership Handbook.</p>
                                </td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <div>
                                    <!--[if mso]>
                                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
                                      href="https://www.designbetter.co/design-leadership-handbook" style="height:60px;v-text-anchor:middle;width:300px;"
                                      arcsize="50%" stroke="f" fillcolor="#002FC7">
                                        <w:anchorlock/>
                                        <center>
                                        <![endif]-->
                                        <a href="https://www.designbetter.co/design-leadership-handbook?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-_xBvCiyO8u4vw_iCOSow-y1eQQ1iq1nZqVvqw-6IZfkSpuN1vyixzunUP6Yb2jI-PTf-jFTmZ8VBSUpLNWW0U-7-Wqa-JUH90cuzpLPZDtYbgenkM&_hsmi=54331198"
                                        style="background-color:#002FC7 !important;color:#FFFFFF !important;border-radius:35px;display: inline-block !important;"
                                        data-hs-link-id="4" target="_blank">
<span class="card-cta" summary="card-cta" style="border-radius:35px;border:1px solid #002FC7;background-color:#FFFFFF;padding:10px 44px 10px 44px;color:#002FC7;display:inline-block;font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif;font-weight: bold;font-size:10px;letter-spacing:1px;line-height:20px !important;text-transform:uppercase;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;">EXPLORE THE BOOK</span>

                                        </a>
                                        <!--[if mso]>
                                        </center>
                                      </v:roundrect>
                                    <![endif]-->
                                  </div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td height="30" style="height:30px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="inner-table custom" align="center" valign="top" cellpadding="0"
                  cellspacing="0" style="width:93.75%; max-width:630px; Margin:0 auto" width="93.75%">
                    <tbody>
                      <tr>
                        <td>
                          <table class="list-table even" summary="list-table" align="center" valign="top"
                          border="0" cellpadding="0" cellspacing="0" style="width:100%;max-width:680px;Margin:0 auto;border-left: 21px solid #ffffff;border-right: 21px solid #ffffff;"></table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="inner-table" align="center" valign="top" cellpadding="0" cellspacing="0"
                  style="width:93.75%; max-width:630px; Margin:0 auto; border-top:45px solid #ffffff; border-bottom:45px solid #ffffff; border-left:15px solid #ffffff; border-right:15px solid #ffffff"
                  width="93.75%">
                    <tbody>
                      <tr>
                        <td height="1" width="100%" bgcolor="#CCCCCC" style="height:1px;font-size:0;line-height:0;background:#CCCCCC;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="alt-table border-gap p-n-cta" align="center" valign="top" cellpadding="0"
                  cellspacing="0" style="border:15px solid #ffffff; width:84.375%; max-width:570px; Margin:0 auto"
                  width="84.375%">
                    <tbody>
                      <tr>
                        <td height="30" style="height:30px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="center">
                          <p style="margin-bottom: 1em; font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px; margin:0 auto; letter-spacing:0; line-height:32px">I hope you enjoy DesignBetter.Co, and look forward to sharing more interviews,
                            events, and workshops with you!</p>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="inner-table border-gap author-table" align="center" valign="top"
                  cellpadding="0" cellspacing="0" style="border:15px solid #ffffff; width:93.75%; max-width:630px; Margin:0 auto"
                  width="93.75%">
                    <tbody>
                      <tr>
                        <td height="45" style="height:45px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="center" style="border:px solid #ffffff;"><span style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; text-transform:uppercase">All the best,</span>
                        </td>
                      </tr>
                      <tr>
                        <td height="45" style="height:45px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="center">
                          <img src="https://get.invisionapp.com/hs-fs/hubfs/email/dbco/author/aarron-walter.png?noresize&amp;t=1504191147422&amp;width=60&amp;name=aarron-walter.png"
                          width="60" style="width:100%;max-width:60px;display:block;border-radius:30px;">
                        </td>
                      </tr>
                      <tr>
                        <td height="15" style="height:15px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="center"><span style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px">AARRON WALTER</span>
                        </td>
                      </tr>
                      <tr>
                        <td height="10" style="height:10px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="center"><span class="author-title" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; color:#a0a0a0 !important">VP OF DESIGN EDUCATION, INVISION</span>
                        </td>
                      </tr>
                      <tr>
                        <td height="30" style="height:30px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="inner-table border-gap inv-table" summary="inv-table" align="center"
                  valign="top" cellpadding="0" cellspacing="0" bgcolor="#F7F7F7" style="border:15px solid #ffffff; width:93.75%; max-width:630px; Margin:0 auto; background:#F7F7F7"
                  width="93.75%">
                    <tbody>
                      <tr>
                        <td>
                          <table class="inv-inner-table" align="center" valign="top" cellpadding="0" cellspacing="0"
                          width="100%" style="border-color:#F7F7F7;border-style:solid;border-top-width:85px;border-bottom-width:85px;border-left-width:15px;border-right-width:15px;">
                            <tbody>
                              <tr>
                                <td align="center">
                                  <img src="https://get.invisionapp.com/hs-fs/hubfs/email/common/inv-pink-logo-234x80.png?noresize&amp;t=1504191147422&amp;width=117&amp;name=inv-pink-logo-234x80.png"
                                  width="117" style="width:100%;max-width:117px;display:block;">
                                </td>
                              </tr>
                              <tr>
                                <td height="30" style="height:30px;font-size:0;line-height:0;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="center">
                                   <h2 style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; margin:0 auto; font-size:28px; letter-spacing:-0.33px; line-height:70px">
                            
                                Design Better. Faster. Together.
                            
                        </h2>

                                </td>
                              </tr>
                              <tr>
                                <td height="7" style="height:7px;font-size:0;line-height:0;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <p style="margin-bottom: 1em; font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:normal; font-size:16px; margin:0 auto; line-height:32px; width:100%; max-width:350px; letter-spacing:0.5px; Margin:0 auto"
                                  width="100%">The world's leading prototyping, collaboration &amp; workflow platform</p>
                                </td>
                              </tr>
                              <tr>
                                <td height="45" style="height:45px;font-size:0;line-height:0;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="center">
                                  <div>
                                    <!--[if mso]>
                                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
                                      href="https://projects.invisionapp.com/d/signup" style="height:60px;v-text-anchor:middle;width:300px;"
                                      arcsize="50%" stroke="f" fillcolor="#FF3366">
                                        <w:anchorlock/>
                                        <center>
                                        <![endif]-->
                                        <a href="https://projects.invisionapp.com/d/signup?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-8YJjUSlI5oNYc2JsjULUrNJe9m0MV_T4d-aVLQYVSccamBBhMC_sVENOjqVsl1lP1V5YX5Ipot_Hpk8gPREnfVvJhPMjxnLlQ1zSVgWxaDGxMsY8E&_hsmi=54331198"
                                        style="background-color:#f12d5f !important;border-radius:35px;display:inline-block !important;color:#FFFFFF !important;"
                                        data-hs-link-id="0" target="_blank">
<span class="inv-cta" summary="inv-cta" style="border-radius:35px;background-color:#FF3366;padding:16px 44px 16px 44px;color:#FFFFFF !important;display:inline-block;font-family: 'Aktiv Grotesk', BlinkMacSystemFont, Helvetica,Arial,sans-serif;font-weight: bold;font-size:11px;letter-spacing:1px;line-height:22px !important;text-transform:uppercase;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;">GET STARTED FREE</span>

                                        </a>
                                        <!--[if mso]>
                                        </center>
                                      </v:roundrect>
                                    <![endif]-->
                                  </div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="inner-table border-gap footer-table" align="center" valign="top"
                  cellpadding="0" cellspacing="0" style="border:15px solid #ffffff; width:93.75%; max-width:630px; Margin:0 auto"
                  width="93.75%">
                    <tbody>
                      <tr>
                        <td height="30" style="height:30px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="center"> <span class="row top-row" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase">
                    <a href="https://twitter.com/invisionapp?_hsenc=p2ANqtz-8gMCmrcS1WCW2rtKe_nFmP6AKviQ1sErozbvpVwRh7z9udSdaQRyT_cMj7gZn038JwqpnbaeueNOFlb1USZpL8p7mNXkV2u_LjL1eVQ5Hq9-6ZPPU&_hsmi=54331198&utm_campaign=designbetterco&utm_content=54331198&utm_medium=email&utm_source=hs_automation" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase" data-hs-link-id="0" target="_blank">FOLLOW @INVISIONAPP</a>
                    <span class="gap" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase"><span class="extra-spacing" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase">&nbsp; </span>&nbsp;
                          | &nbsp; <span class="extra-spacing" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase"> &nbsp;</span></span>
                          <a
                          href="https://www.invisionapp.com?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz--qTmdiy1PPZkJxRJ2XC-YLjRRWClSjPyLKZ7s1PIMR-EyK1DqS_re72aU1alNVtxjz6sbw8g-I0rqB2vO3hAMPYSssoNaQIEm0d138H5rI_Cb0VKI&_hsmi=54331198"
                          style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase"
                          data-hs-link-id="1" target="_blank">VISIT INVISIONAPP.COM</a>
                            </span> <span class="gap middle-gap" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase">&nbsp; &nbsp; | &nbsp; &nbsp;</span>

                            <span
                            class="row bottom-row" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase">
                              <a href="https://www.invisionapp.com/blog?utm_campaign=designbetterco&utm_source=hs_automation&utm_medium=email&utm_content=54331198&_hsenc=p2ANqtz-9DNN93BnuYdWSYtEK81xxZ5M2iC81lqf6c9ARtDyKw39jI1s6miabgdKTaT3nrGVtrwCycb19Hl_DZjTMJFd4eS65zWNyJf9JgXLo7sltFpNrIo5c&_hsmi=54331198"
                              style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase"
                              data-hs-link-id="0" target="_blank">VISIT OUR BLOG</a> <span class="gap" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase"><span class="extra-spacing" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase">&nbsp; </span>&nbsp;
                              | &nbsp; <span class="extra-spacing" style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase"> &nbsp;</span></span>
                              <a
                              href="#"
                              style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase"
                              data-hs-link-id="0" target="_blank">UNSUBSCRIBE</a>
                                </span>
                        </td>
                      </tr>
                      <tr>
                        <td align="center"> <span style="font-family:'Aktiv Grotesk', BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-weight:bold; font-size:10px; letter-spacing:1px; line-height:30px; color:#666666; text-decoration:none; text-transform:uppercase">InVision App, 41 Madison Ave, New York, NY</span>

                        </td>
                      </tr>
                      <tr>
                        <td height="75" style="height:75px;font-size:0;line-height:0;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                  <!--[if mso]>
                  </td>
                  <td style="padding:0px;margin:0px;">&nbsp;</td>
                </tr>
              </table>
            <![endif]-->
            <!-- END LIQUID WRAPPER -->
          </td>
        </tr>
      </tbody>
    </table>
    <!-- end coded_template: id:5216774444 path:Custom/email/dbco/dbco-master.html
    -->
    
    <div id="_hs"></div>
    </body>

</html>
            
          
!
999px
Loading ..................

Console