cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - Activehtmlicon-personicon-teamoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

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.

            
              <head>
  <title>The WistiaFest 2017 keynote lineup is ready!</title>
  <meta property="og:title" content="The WistiaFest 2017 keynote lineup is ready!">
  <meta name="twitter:title" content="The WistiaFest 2017 keynote lineup is ready!">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <style type="text/css" id="hs-inline-css">
    /*<![CDATA[*/
            /* everything in this node will be inlined */

            /* ==== Page Styles ==== */
            
            body, #backgroundTable {
                background-color: #ffffff; /* Use body to determine background color */
                font-family: sans-serif;
            }
            
            #templateTable {
                width: 600px;
                background-color: #ffffff;
                -webkit-font-smoothing: antialiased;
            }

            h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
                color:#363a46;
                display:block;
                font-family: sans-serif;
                font-weight:bold;
                line-height:100%;
                margin-top:0;
                margin-right:0;
                margin-bottom:10px;
                margin-left:0;
                text-align:left;
            }

            h1, .h1 {
                font-size:26px;
            }

            h2, .h2 {
                font-size:20px;
            }

            h3, .h3 {
                font-size:15px;
            }

            h4, .h4 {
                font-size:13px;
            }

            h5, .h5 {
                font-size:11px;
            }

            h6, .h6 {
                font-size:10px;
            }

            /* ==== Header Styles ==== */

            #headerTable {
                background-color: #ffffff;
                color:#363a46;
                font-family:sans-serif;
                font-size:10px;
                line-height:120%;
                text-align:right;
                border-collapse: separate !important;
                padding-right: 30px;
            }
            
            #headerTable a:link, #headerTable a:visited, /* Yahoo! Mail Override */ #headerTable a .yshortcuts /* Yahoo! Mail Override */{
                font-weight:normal;
                text-decoration:underline;
            }
            
            /* ==== Template Wrapper Styles ==== */

            #contentCell {
                padding: 10px 20px;
                background-color: #ffffff;
            }
             
            #contentTableOuter {
                border-collapse: separate !important;
                
                background-color: #ffffff;
                

                padding: 30px;
            }

            #contentTableInner {
                width: 600px;
            }
            
            /* ==== Body Styles ==== */
            
            .bodyContent {
                color:#363a46;
                font-family:sans-serif;
                font-size: 15px;
                line-height:150%;
                text-align:left;
            }
            
            /* ==== Column Styles ==== */

            table.columnContentTable {
                border-collapse:separate !important;
                border-spacing:0;
                
                background-color: #ffffff;
            }
            
            td[class~="columnContent"] {
                color:#363a46;
                font-family:sans-serif;
                font-size:15px;
                line-height:120%;
                padding-top:20px;
                padding-right:20px;
                padding-bottom:20px;
                padding-left:20px;
            }

            /* ==== Footer Styles ==== */
            
            #footerTable {
                background-color: #ffffff;
            }

            #footerTable a {
                color: #7c858e;
            }
            
            #footerTable {
                color:#7c858e;
                font-family:sans-serif;
                font-size:12px;
                line-height:120%;
                padding-top:20px;
                padding-right:20px;
                padding-bottom:20px;
                padding-left:20px;
                text-align:center;
            }
            
            #footerTable a:link, #footerTable a:visited, /* Yahoo! Mail Override */ #footerTable a .yshortcuts /* Yahoo! Mail Override */{
                font-weight:normal;
                text-decoration:underline;
            }

            .hs-image-social-sharing-24 {
                max-width: 24px;
                max-height: 24px;
            }

            /* ==== Standard Resets ==== */
            .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 {
                vertical-align: bottom;
                -ms-interpolation-mode:bicubic;
            } /* Allow smoother rendering of resized image in Internet Explorer */
    
            /* Reset Styles */
            body {
                margin:0;
                padding:0;
            }
            table {
                border-collapse:collapse !important;
            }
            body, #backgroundTable, #bodyCell{
                height:100% !important;
                margin:0;
                padding:0;
                width:100% !important;
            }
            a:link, a:visited {
                border-bottom: none;
            }
            
            /* iOS automatically adds a link to addresses */
            /* Style the footer with the same color as the footer text */
            #footer a {
                color: #7c858e;;
                -webkit-text-size-adjust: none;
                text-decoration: underline;
                font-weight: normal
            }
        /*]]>*/
  </style>

  <style type="text/css">
    /*<![CDATA[*/
            /* ==== Mobile Styles ==== */
            
            /* Constrain email width for small screens */
            @media screen and (max-width: 650px) {
                table[id="backgroundTable"] {
                    width: 95% !important;
                }
                
                table[id="templateTable"] {
                    max-width:600px !important;
                    width:100% !important;
                }

                table[id="contentTableInner"] {
                    max-width:600px !important;
                    width:100% !important;
                }
            
                /* Makes image expand to take 100% of width*/
                img {
                    width: 100% !important;
                    height: auto !important;
                }

                #contentCell {
                    padding: 10px 10px !important;
                }

                #headerTable {
                    padding-right: 15.0px !important;
                }

                #contentTableOuter {
                    padding: 15.0px !important;
                }
            }

            @media only screen and (max-width: 480px) {
                /* ==== Client-Specific Mobile Styles ==== */
                body, table, td, p, a, li, blockquote{
                    -webkit-text-size-adjust:none !important;
                } /* Prevent Webkit platforms from changing default text sizes */
                body{
                    width:100% !important;
                    min-width:100% !important;
                } /* Prevent iOS Mail from adding padding to the body */

                /* ==== Mobile Reset Styles ==== */
                td[id="bodyCell"] {
                    padding:10px !important;
                }

                /* ==== Mobile Template Styles ==== */
    
                table[id="templateTable"] {
                    max-width:600px !important;
                    width:100% !important;
                }

                table[id="contentTableInner"] {
                    max-width:600px !important;
                    width:100% !important;
                }
                
                /* ==== Image Alignment Styles ==== */

                h1, .h1 {
                    font-size:26px !important;
                    line-height:125% !important;
                }

                h2, .h2 {
                    font-size:20px !important;
                    line-height:125% !important;
                }

                h3, .h3 {
                    font-size:15px !important;
                    line-height:125% !important;
                }

                h4, .h4 {
                    font-size:13px !important;
                    line-height:125% !important;
                }

                h5, .h5 {
                    font-size:11px !important;
                    line-height:125% !important;
                }

                h6, .h6 {
                    font-size:10px !important;
                    line-height:125% !important;
                }
                
                .hide {
                    display:none !important;
                } /* Hide to save space */

                /* ==== Body Styles ==== */
                
                td[class="bodyContent"] {
                    font-size:16px !important;
                    line-height:145% !important;
                }
                
                /* ==== Footer Styles ==== */

                td[id="footerTable"]{
                    padding-left: 0px !important;
                    padding-right: 0px !important;
                    font-size:12px !important;
                    line-height:145% !important;
                }
                
                /* ==== Image Alignment Styles ==== */
                
                table[class="alignImageTable"] {
                    width: 100% !important;
                }
                
                td[class="imageTableTop"] {
                    display: none !important;
                    /*padding-top: 10px !important;*/
                }
                td[class="imageTableRight"] {
                    display: none !important;
                }
                td[class="imageTableBottom"] {
                    padding-bottom: 10px !important;
                }
                td[class="imageTableLeft"] {
                    display: none !important;
                }
                
                /* ==== Column Styles ==== */

                td[class~="column"] {
                    display: block !important;
                    width: 100% !important;
                    padding-top: 0 !important;
                    padding-right: 0 !important;
                    padding-bottom: 0 !important;
                    padding-left: 0 !important;
                }

                td[class~=columnContent] {
                    font-size:14px !important;
                    line-height:145% !important;
                
                    padding-top: 10px !important;
                    padding-right: 10px !important;
                    padding-bottom: 10px !important;
                    padding-left: 10px !important;
                }

                #contentCell {
                    padding: 10px 0px !important;
                }

                #headerTable {
                    padding-right: 15.0px !important;
                }

                #contentTableOuter {
                    padding: 15.0px !important;
                }
            }
        /*]]>*/
  </style>

  <!-- http://www.emailon@cid.com/blog/details/C13/ensure_that_your_entire_email_is_rendered_by_default_in_the_iphone_ipad -->
  <!--                                                                                                                     -->
  <!--                                                                                                                     -->
  <!--                            _/    _/            _/          _/_/_/                        _/                         -->
  <!--                           _/    _/  _/    _/  _/_/_/    _/        _/_/_/      _/_/    _/_/_/_/                      -->
  <!--                          _/_/_/_/  _/    _/  _/    _/    _/_/    _/    _/  _/    _/    _/                           -->
  <!--                         _/    _/  _/    _/  _/    _/        _/  _/    _/  _/    _/    _/                            -->
  <!--                        _/    _/    _/_/_/  _/_/_/    _/_/_/    _/_/_/      _/_/        _/_/                         -->
  <!--                                                               _/                                                    -->
  <!--                                                              _/                                                     -->
  <!--                                                                                                                     -->
  <!--                                                 Extra White Space!                                                  -->
  <!--                                                                                                                     -->
  <!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->

  <meta name="generator" content="HubSpot">
  <meta property="og:url" content="https://content.wistia.com/-temporary-slug-5383dc1d-b970-4ef9-90b0-c8b4e51b5534">
</head>

<body class="" style="background-color:#ffffff; font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100% !important; margin:0; padding:0; width:100% !important" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0"
  offset="0" bgcolor="#ffffff" height="100% !important" width="100% !important">
  <!-- Preview text (text which appears right after subject) -->
  <div id="preview_text" style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
    Join us June 11-13, 2017 in Boston for the love of business video!
  </div>

  <!--  The  backgroundTable table manages the color of the background and then the templateTable maintains the body of 
        the email template, including preheader & footer. This is the only table you set the width of to, everything else is set to 
        100% and in the CSS above. Having the width here within the table is just a small win for Lotus Notes. -->

  <!-- Begin backgroundTable -->
  <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" height="100% !important" width="100% !important" id="backgroundTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; background-color:#ffffff; font-family:sans-serif; height:100% !important; margin:0; padding:0; width:100% !important">
    <tbody>
      <tr>
        <td align="center" valign="top" id="bodyCell" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; height:100% !important; margin:0; padding:0; width:100% !important" height="100% !important" width="100% !important">
          <!-- When nesting tables within a TD, align center keeps it well, centered. -->
          <!-- Begin Template Container -->
          <!-- This holds everything together in a nice container -->
          <table border="0" cellpadding="0" cellspacing="0" id="templateTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; width:600px; background-color:#ffffff; -webkit-font-smoothing:antialiased"
            width="600" bgcolor="#ffffff">
            <tbody>
              <tr>
                <td align="center" valign="top" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt">
                  <!-- Begin Template Preheader -->
                  <div class="header-container-wrapper">

                  </div>
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="headerTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; background-color:#ffffff; color:#363a46; font-family:sans-serif; font-size:10px; line-height:120%; text-align:right; border-collapse:separate !important; padding-right:30px"
                    bgcolor="#ffffff" align="right">
                    <!--end header wrapper -->
                  </table>
                  <!-- End Template Preheader -->
                </td>
              </tr>
              <tr>
                <td align="center" valign="top" id="contentCell" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; padding:10px 20px; background-color:#ffffff" bgcolor="#ffffff">
                  <!-- Begin Template Wrapper -->
                  <!-- This separates the preheader which usually contains the "open in browser, etc" content
                                from the actual body of the email. Can alternatively contain the footer too, but I choose not
                                to so that it stays outside of the border. -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="contentTableOuter" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; background-color:#ffffff; padding:30px"
                    bgcolor="#ffffff">
                    <tbody>
                      <tr>
                        <td align="center" valign="top" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt">
                          <div class="body-container-wrapper">
                          </div>
                          <table border="0" cellpadding="0" cellspacing="0" id="contentTableInner" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; width:600px" width="600">
                            <tbody>
                              <tr>
                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                    <tbody>
                                      <tr>
                                        <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; background-color:#e3fffd; padding:15px 0px 50px 0px; margin:0px 0px 0px 0px"
                                          align="left" bgcolor="#e3fffd">

                                          <table cellpadding="0" cellspacing="0" border="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                            <tbody>
                                              <tr>
                                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                                    <tbody>
                                                      <tr>
                                                        <td valign="top" colspan="3" width="25.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:25.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:0px 0px 0px 20px"
                                                          align="left">

                                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; border-spacing:0; background-color:#e3fffd"
                                                            class=" columnContentTable" bgcolor="#e3fffd">
                                                            <tbody>
                                                              <tr>
                                                                <td align="center" valign="top" class="columnContent widget-span widget-type-raw_html" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; border:none; outline:none; width:100%; text-align:center; padding:15px 0px 0px 0px"
                                                                  data-widget-type="raw_html" width="100%">

                                                                  <div class="layout-widget-wrapper">
                                                                    <div id="hs_cos_wrapper_module_1487617243884719" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html">
                                                                      <a href="https://wistia.com/?utm_campaign=WistiaFest&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=43623971&amp;_hsenc=p2ANqtz-_k8cQrQi06q1vOhbFffR7-Ic6HYq0kBlXgQ-i1bBPTnCbaXmU1ytz9HopX4ZnB5WFsZuTDDhXD6QrNfXdELw-Wha1p1Q&amp;_hsmi=43623973"
                                                                        target="_blank" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" data-hs-link-id="0"><img src="https://embed-ssl.wistia.com/deliveries/439efe3bfe22f4065cb09ab406ed26787fe77436.bin?noresize" width="100" style="vertical-align:bottom; -ms-interpolation-mode:bicubic"></a>
                                                                    </div>
                                                                  </div>
                                                                  <!--end layout-widget-wrapper -->
                                                                </td>
                                                              </tr>
                                                            </tbody>
                                                          </table>
                                                          <!--end widget-table -->
                                                        </td>
                                                        <td valign="top" colspan="5" width="41.66666666666667%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:41.66666666666667%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                                          align="left">

                                                          <div class="widget-span widget-type-space " style="" data-widget-type="space">
                                                            <div class="layout-widget-wrapper">
                                                              <div id="hs_cos_wrapper_module_1487779788729453" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_space" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="space"></div>
                                                            </div>
                                                            <!--end layout-widget-wrapper -->
                                                          </div>
                                                          <!--end widget-span -->
                                                        </td>
                                                        <td valign="top" colspan="4" width="33.33333333333333%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:33.33333333333333%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:0px 20px 0px 0px"
                                                          align="left">

                                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; border-spacing:0; background-color:#e3fffd"
                                                            class=" columnContentTable" bgcolor="#e3fffd">
                                                            <tbody>
                                                              <tr>
                                                                <td align="center" valign="top" class="columnContent widget-span widget-type-rich_text" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; width:100%; text-align:center; color:#00d6d6"
                                                                  data-widget-type="rich_text" width="100%">

                                                                  <div class="layout-widget-wrapper">
                                                                    <div id="hs_cos_wrapper_module_1487619349409467" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text">
                                                                      <p style="margin-bottom: 1em; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; color:#00d6d6; font-family:'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif; text-align:right; text-decoration:none" align="right"><span style="color: #00d6d6;"><strong><span style="text-decoration: none;"><a href="https://wistia.com/wistiafest/2017?_hsenc=p2ANqtz--9YTmvW-8aAYYq8jK2dNl3xXoZk7JGYtEKg2eeIAwh4nhMMG1QDC-lw611kOiGY9jCJJzx25Z0bRKAim0-mlrsjPv8bg&amp;_hsmi=43623973&amp;utm_campaign=WistiaFest&amp;utm_content=43623971&amp;utm_medium=email&amp;utm_source=hs_email" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; color:#00d6d6" data-hs-link-id="0" target="_blank">Get the details</a>&nbsp;→</span></strong>
                                                                        </span>
                                                                      </p>
                                                                    </div>
                                                                  </div>
                                                                  <!--end layout-widget-wrapper -->
                                                                </td>
                                                              </tr>
                                                            </tbody>
                                                          </table>
                                                          <!--end widget-table -->
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                                    <tbody>
                                                      <tr>
                                                        <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                                          align="left">

                                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; border-spacing:0; background-color:#e3fffd"
                                                            class=" columnContentTable" bgcolor="#e3fffd">
                                                            <tbody>
                                                              <tr>
                                                                <td align="center" valign="top" class="columnContent widget-span widget-type-raw_html" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; border:none; outline:none; text-align:center; padding:20px 0px 0px 0px"
                                                                  data-widget-type="raw_html">

                                                                  <div class="layout-widget-wrapper">
                                                                    <div id="hs_cos_wrapper_module_14567671657101121" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html">
                                                                      <a href="https://wistia.com/wistiafest/2017?utm_campaign=WistiaFest&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=43623971&amp;_hsenc=p2ANqtz-82kPbRO0XNL5jczY2QcmPxWwj9kNef8lPOnEDEGpYMgKGNjm3vmObHArpOKPGlg7DF96jP7e0i4fZHhQZUBxXOsT0iig&amp;_hsmi=43623973"
                                                                        style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" data-hs-link-id="0" target="_blank"><img src="https://embed-ssl.wistia.com/deliveries/c09a20a783e1e0d1f6875ecc23843100c13d7818.bin?noresize" alt="WistiaFest" width="400" style="vertical-align:bottom; -ms-interpolation-mode:bicubic"></a>
                                                                    </div>
                                                                  </div>
                                                                  <!--end layout-widget-wrapper -->
                                                                </td>
                                                              </tr>
                                                            </tbody>
                                                          </table>
                                                          <!--end widget-table -->
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                    <tbody>
                                      <tr>
                                        <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                          align="left">

                                          <div class="widget-span widget-type-raw_html " style="" data-widget-type="raw_html">
                                            <div class="layout-widget-wrapper">
                                              <div id="hs_cos_wrapper_module_1487617061572714" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html"><img style="vertical-align:bottom; -ms-interpolation-mode:bicubic; width:100%" src="https://embed-ssl.wistia.com/deliveries/68b4c164b33b508d2619f1e4b5efd08473e2af63.bin?noresize" width="100%"></div>
                                            </div>
                                            <!--end layout-widget-wrapper -->
                                          </div>
                                          <!--end widget-span -->
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                    <tbody>
                                      <tr>
                                        <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:20px 0px 0px 0px"
                                          align="left">

                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; border-spacing:0; background-color:#ffffff"
                                            class=" columnContentTable" bgcolor="#ffffff">
                                            <tbody>
                                              <tr>
                                                <td align="center" valign="top" class="columnContent widget-span widget-type-rich_text" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; max-width:500px; text-align:center; padding:0px 10px 0px 10px"
                                                  data-widget-type="rich_text">

                                                  <div class="layout-widget-wrapper">
                                                    <div id="hs_cos_wrapper_module_1487617846912736" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text">
                                                      <p style="margin-bottom: 1em; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-align:center; color:#122454; font-size:24px; line-height:34px; font-family:'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif" align="center"><span style="font-size: 24px;">Get the inside scoop on the keynotes we've lined up, the breakout sessions that’ll help you do more with video, and the after-hours adventures.</span></p>
                                                    </div>
                                                  </div>
                                                  <!--end layout-widget-wrapper -->
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                          <!--end widget-table -->
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                    <tbody>
                                      <tr>
                                        <td valign="top" colspan="3" width="25.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:25.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                          align="left">

                                          <div class="widget-span widget-type-space " style="" data-widget-type="space">
                                            <div class="layout-widget-wrapper">
                                              <div id="hs_cos_wrapper_module_1487629602006478" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_space" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="space"></div>
                                            </div>
                                            <!--end layout-widget-wrapper -->
                                          </div>
                                          <!--end widget-span -->
                                        </td>
                                        <td valign="top" colspan="3" width="25.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:25.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:0px 10px 0px 10px"
                                          align="left">

                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; border-spacing:0; background-color:#ffffff"
                                            class=" columnContentTable" bgcolor="#ffffff">
                                            <tbody>
                                              <tr>
                                                <td align="center" valign="top" class="columnContent widget-span widget-type-raw_html" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; text-align:center; padding:10px 0px 10px 0px"
                                                  data-widget-type="raw_html">

                                                  <div class="layout-widget-wrapper">
                                                    <div id="hs_cos_wrapper_module_145641487896611743" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html">
                                                      <div>
                                                        <!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://wistia.com/wistiafest/2017" style="height:50px;v-text-anchor:middle;width:200px;" arcsize="8%" stroke="f" fillcolor="#00d6d6">
<w:anchorlock/>
<center>
<![endif]-->
                                                        <a href="https://wistia.com/wistiafest/2017/speakers?utm_campaign=WistiaFest&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=43623971&amp;_hsenc=p2ANqtz-8BdqkQNXnY4VEEBx3yfL78NW_B7V6g4yCGKi0kBqblFgzL2MFwq9Fg7FZ5Gwn-Aj-NePeQhC1pzNMIPt4EkRgSTq0fkg&amp;_hsmi=43623973"
                                                          style="-ms-text-size-adjust:100%; background-color:#00d6d6; border-radius:4px; color:#ffffff; display:inline-block; font-family:sans-serif; font-size:13px; font-weight:bold; line-height:50px; text-align:center; text-decoration:none; width:200px; -webkit-text-size-adjust:none"
                                                          bgcolor="#00d6d6" align="center" width="200" data-hs-link-id="0" target="_blank">See the Speakers</a>
                                                        <!--[if mso]>
</center>
</v:roundrect>
<![endif]-->
                                                      </div>
                                                    </div>
                                                  </div>
                                                  <!--end layout-widget-wrapper -->
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                          <!--end widget-table -->
                                        </td>
                                        <td valign="top" colspan="3" width="25.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:25.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:0px 10px 0px 10px"
                                          align="left">

                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; border-spacing:0; background-color:#ffffff"
                                            class=" columnContentTable" bgcolor="#ffffff">
                                            <tbody>
                                              <tr>
                                                <td align="center" valign="top" class="columnContent widget-span widget-type-raw_html" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; text-align:center; padding:10px 0px 10px 0px"
                                                  data-widget-type="raw_html">

                                                  <div class="layout-widget-wrapper">
                                                    <div id="hs_cos_wrapper_module_145641488895812568" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html">
                                                      <div>
                                                        <!--[if mso]>
  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.eventbrite.com/e/wistiafest-2017-tickets-29909367724" style="height:50px;v-text-anchor:middle;width:200px;" arcsize="8%" stroke="f" fillcolor="#ffffff">
    <w:anchorlock/>
    <center>
  <![endif]-->
                                                        <a href="https://wistia.com/wistiafest/2017?utm_campaign=WistiaFest&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=43623971&amp;_hsenc=p2ANqtz--IQJFjE7eOFOskkqHKyqcXsu33Ze4zVr_anbYXfffGGhGlcq96IMvlN4x0weC9WdZA8YlkACwzbUmoo-3Ysm_Bhyii5w&amp;_hsmi=43623973#get-your-ticket"
                                                          style="-ms-text-size-adjust:100%; background-color:#ffffff; border-radius:4px; border:1px solid #00d6d6; color:#122454; display:inline-block; font-family:sans-serif; font-size:13px; font-weight:bold; line-height:50px; text-align:center; text-decoration:none; width:200px; -webkit-text-size-adjust:none"
                                                          bgcolor="#ffffff" align="center" width="200" data-hs-link-id="0" target="_blank">Register now</a>
                                                        <!--[if mso]>
    </center>
  </v:roundrect>
<![endif]-->
                                                      </div>
                                                    </div>
                                                  </div>
                                                  <!--end layout-widget-wrapper -->
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                          <!--end widget-table -->
                                        </td>
                                        <td valign="top" colspan="3" width="25.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:25.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                          align="left">

                                          <div class="widget-span widget-type-space " style="" data-widget-type="space">
                                            <div class="layout-widget-wrapper">
                                              <div id="hs_cos_wrapper_module_1487629605327479" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_space" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="space"></div>
                                            </div>
                                            <!--end layout-widget-wrapper -->
                                          </div>
                                          <!--end widget-span -->
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                    <tbody>
                                      <tr>
                                        <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:40px 0px 40px 0px"
                                          align="left">

                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; border-spacing:0; background-color:#ffffff"
                                            class=" columnContentTable" bgcolor="#ffffff">
                                            <tbody>
                                              <tr>
                                                <td align="center" valign="top" class="columnContent widget-span widget-type-raw_html" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; width:100%; text-align:center; padding:10px 0px 10px 0px"
                                                  data-widget-type="raw_html" width="100%">

                                                  <div class="layout-widget-wrapper">
                                                    <div id="hs_cos_wrapper_module_1487779138329452" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html">
                                                      <a href="https://wistia.com/wistiafest/2017?wtime=0&amp;wemail=mike@reallygoodemails.com&amp;utm_campaign=WistiaFest&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=43623971&amp;_hsenc=p2ANqtz--i9cV5BxZtl1moMxNEj0pp9zWhgA2SR3lOnhMjIjuJ6YFXRejOS4q3uMwoA6HE7SOcHDVbMHS1ruNYKn85kICczu4yUg&amp;_hsmi=43623973"
                                                        style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%" data-hs-link-id="0" target="_blank"><img src="https://embed-ssl.wistia.com/deliveries/c52d98d4c83be9bd3038fc6c98728e08390b4da7.jpg?image_crop_resized=900x506&amp;image_play_button=true&amp;image_play_button_size=2x&amp;image_play_button_color=54bbffe0"
                                                          alt="WistiaFest 2017 - Invitation" width="550" height="309" style="vertical-align:bottom; -ms-interpolation-mode:bicubic"></a>
                                                    </div>
                                                  </div>
                                                  <!--end layout-widget-wrapper -->
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                          <!--end widget-table -->
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                    <tbody>
                                      <tr>
                                        <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:40px 0px 0px 0px"
                                          align="left">

                                          <div class="widget-span widget-type-raw_html " style="" data-widget-type="raw_html">
                                            <div class="layout-widget-wrapper">
                                              <div id="hs_cos_wrapper_module_1487622279097496" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html"><img style="vertical-align:bottom; -ms-interpolation-mode:bicubic; width:100%" src="https://embed-ssl.wistia.com/deliveries/c09eac2e05220b3889bc26a2471af811237ac754.bin?noresize" width="100%"></div>
                                            </div>
                                            <!--end layout-widget-wrapper -->
                                          </div>
                                          <!--end widget-span -->
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                    <tbody>
                                      <tr>
                                        <td id="width:100%;margin:0pxauto;text-align:center;" valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; background-color:#ff5543"
                                          align="left" bgcolor="#ff5543">

                                          <table cellpadding="0" cellspacing="0" border="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                            <tbody>
                                              <tr>
                                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                                    <tbody>
                                                      <tr>
                                                        <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                                          align="left">

                                                          <div class="widget-span widget-type-rich_text " style="" data-widget-type="rich_text">
                                                            <div class="layout-widget-wrapper">
                                                              <div id="hs_cos_wrapper_module_1487625172348474" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text">
                                                                <p style="margin-bottom: 1em; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; color:#fff; text-align:center; margin:10px auto; font-size:24px; line-height:34px; padding-top:30px; max-width:400px; font-family:'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif"
                                                                  align="center">Get your ticket before April 1 to save your seat (and some money).</p>
                                                              </div>
                                                            </div>
                                                            <!--end layout-widget-wrapper -->
                                                          </div>
                                                          <!--end widget-span -->
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                                    <tbody>
                                                      <tr>
                                                        <td valign="top" colspan="6" width="50.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:50.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:0px 0px 30px 0px"
                                                          align="left">

                                                          <div class="widget-span widget-type-raw_html " style="text-align: center; margin:0px auto;" data-widget-type="raw_html">
                                                            <div class="layout-widget-wrapper">
                                                              <div id="hs_cos_wrapper_module_145677188090638112" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html">
                                                                <h1 style="display:block; font-weight:bold; line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; color:#fff; text-align:center; margin:10px auto; font-size:14px; padding-top:24px; letter-spacing:1px; font-family:'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif"
                                                                  align="center">EARLY BIRD</h1>
                                                                <h1 style="display:block; font-weight:bold; line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; color:#fff; text-align:center; margin:10px auto; font-size:65px; font-family:'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif"
                                                                  align="center">$750</h1>
                                                                <div style="margin-top: 20px;font-family: 'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif;">
                                                                  <!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.eventbrite.com/e/wistiafest-2017-tickets-29909367724" style="height:50px;v-text-anchor:middle;width:180px;border-color:#ffffff;border-width:1px;border-type:solid;" stroke="f" fillcolor="#ffffff">
<w:anchorlock/>
<center>
<![endif]-->
                                                                  <a href="https://wistia.com/wistiafest/2017?utm_campaign=WistiaFest&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=43623971&amp;_hsenc=p2ANqtz-8jVxXaXZbNSZ4xULmmMMEZDF3z7At1ChdFok19YqbmZ5pbRt_c7k_Zbagj-Qg_04Xfk99eTNM7NpJcScnCuDJF284dow&amp;_hsmi=43623973#get-your-ticket"
                                                                    style="-ms-text-size-adjust:100%; background-color:#ffffff; border-radius:4px; border:1px solid #ffffff; color:#ff5543; display:inline-block; font-family:sans-serif; font-size:13px; font-weight:bold; line-height:50px; text-align:center; text-decoration:none; width:180px; -webkit-text-size-adjust:none"
                                                                    bgcolor="#ffffff" align="center" width="180" data-hs-link-id="1" target="_blank">Get your ticket!</a>
                                                                  <!--[if mso]>
</center>
</v:rect>
<![endif]-->
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <!--end layout-widget-wrapper -->
                                                          </div>
                                                          <!--end widget-span -->
                                                        </td>
                                                        <td valign="top" colspan="6" width="50.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:50.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; padding:0px 0px 40px 0px"
                                                          align="left">

                                                          <div class="widget-span widget-type-raw_html " style="text-align: center; margin:0px auto;" data-widget-type="raw_html">
                                                            <div class="layout-widget-wrapper">
                                                              <div id="hs_cos_wrapper_module_145677194562139378" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html">
                                                                <h1 style="display:block; font-weight:bold; line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; color:#122454; text-align:center; margin:10px auto; font-size:14px; padding-top:24px; letter-spacing:1px; font-family:'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif"
                                                                  align="center">REGULAR BIRD</h1>
                                                                <h1 style="display:block; font-weight:bold; line-height:100%; margin-top:0; margin-right:0; margin-bottom:10px; margin-left:0; color:#122454; text-align:center; margin:10px auto; font-size:65px; font-family:'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif"
                                                                  align="center">$850</h1>
                                                                <div style="margin-top: 20px;font-family: 'Source Sans Pro', 'Open Sans', Helvetica, Arial, sans-serif;">
                                                                  <!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.eventbrite.com/e/wistiafest-2016-tickets-19843002956" style="height:50px;v-text-anchor:middle;width:180px;border-color:#122454;border-width:1px;border-type:solid;" stroke="f" fillcolor="#122454">
<w:anchorlock/>
<center>
<![endif]-->
                                                                  <a href="https://wistia.com/wistiafest/2017?utm_campaign=WistiaFest&amp;utm_source=hs_email&amp;utm_medium=email&amp;utm_content=43623971&amp;_hsenc=p2ANqtz-9tXhqqvTmDC6aBL8dx6LuezpMxfkzeVzZFRkhBuZopStOiG48scrvH0j0o7gMkOzjeVebrKODYau1FLHRE_68ZIVgQLA&amp;_hsmi=43623973#get-your-ticket"
                                                                    style="-ms-text-size-adjust:100%; background-color:#ff5543; border-radius:4px; border:1px solid #122454; color:#122454; display:inline-block; font-family:sans-serif; font-size:13px; font-weight:bold; line-height:50px; text-align:center; text-decoration:none; width:180px; -webkit-text-size-adjust:none"
                                                                    bgcolor="#ff5543" align="center" width="180" data-hs-link-id="2" target="_blank">Starting April 1</a>
                                                                  <!--[if mso]>
</center>
</v:rect>
<![endif]-->
                                                                </div>
                                                              </div>
                                                            </div>
                                                            <!--end layout-widget-wrapper -->
                                                          </div>
                                                          <!--end widget-span -->
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                                  <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                                    <tbody>
                                      <tr>
                                        <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                          align="left">

                                          <div class="widget-span widget-type-raw_html " style="" data-widget-type="raw_html">
                                            <div class="layout-widget-wrapper">
                                              <div id="hs_cos_wrapper_module_1487622444794498" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html"><img style="vertical-align:bottom; -ms-interpolation-mode:bicubic; width:100%" src="https://embed-ssl.wistia.com/deliveries/74cc1a2830704b2dd9bd9e61765dcf254dbc7470.bin?noresize" width="100%"></div>
                                            </div>
                                            <!--end layout-widget-wrapper -->
                                          </div>
                                          <!--end widget-span -->
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <!--end body wrapper -->
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- End Template Wrapper -->
                </td>
              </tr>
              <tr>
                <td align="center" valign="top" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt">
                  <!-- Begin Template Footer -->
                  <div class="footer-container-wrapper">
                  </div>
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="footerTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; background-color:#ffffff; color:#7c858e; font-family:sans-serif; font-size:12px; line-height:120%; padding-top:20px; padding-right:20px; padding-bottom:20px; padding-left:20px; text-align:center"
                    bgcolor="#ffffff" align="center">
                    <tbody>
                      <tr>
                        <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                          <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                            <tbody>
                              <tr>
                                <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                  align="left">

                                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:separate !important; border-spacing:0; background-color:#ffffff"
                                    class=" columnContentTable" bgcolor="#ffffff">
                                    <tbody>
                                      <tr>
                                        <td align="center" valign="top" class="columnContent widget-span widget-type-raw_html" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46; text-align:center; padding:40px 0px 20px 0px"
                                          data-widget-type="raw_html">

                                          <div class="layout-widget-wrapper">
                                            <div id="hs_cos_wrapper_module_14567893408667402" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html">
                                              <a href="https://wistia.com/wistiafest/2017?_hsenc=p2ANqtz-_wiaQDsdYvZRX0JH86oxEndKJtG67sg6bEsmKoF57c0KhfNNAmR2E8_VgI3yQpe9ewxdwf0CvG_7i-_fkQxbJyy-VToA&amp;_hsmi=43623973&amp;utm_campaign=WistiaFest&amp;utm_content=43623971&amp;utm_medium=email&amp;utm_source=hs_email"
                                                style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; color:#7c858e" data-hs-link-id="1" target="_blank"><img src="https://embed-ssl.wistia.com/deliveries/8076830ad2ddfe6bd414eb9c4c6dd76ade4e4c7c.bin?noresize" width="200" style="vertical-align:bottom; -ms-interpolation-mode:bicubic"></a>
                                            </div>
                                          </div>
                                          <!--end layout-widget-wrapper -->
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <!--end widget-table -->
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="bodyContent" width="100%" colspan="12" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; color:#363a46; font-family:sans-serif; font-size:15px; line-height:150%; text-align:left">
                          <table cellpadding="0" cellspacing="0" border="0" width="100%" class="templateColumnWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important">
                            <tbody>
                              <tr>
                                <td valign="top" colspan="12" width="100.0%" class=" column" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; width:100.0%; text-align:left; padding:0; font-family:sans-serif; font-size:15px; line-height:1.5em; color:#363a46"
                                  align="left">

                                  <div class="widget-span widget-type-email_can_spam " style="" data-widget-type="email_can_spam">
                                    <p id="footer" style="margin-bottom: 1em; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:Geneva, Verdana, Arial, Helvetica, sans-serif; text-align:center; font-size:12px; line-height:1.34em; color:#7c858e; display:block" align="center">
                                      Wistia &nbsp;&nbsp;17 Tudor St &nbsp; &nbsp;Cambridge, &nbsp;MA &nbsp;&nbsp;02139 &nbsp;&nbsp;USA
                                      <br><br> You received this email because you are subscribed to Events from Wistia.
                                      <br><br> Update your <a class="hubspot-mergetag" data-unsubscribe="true" href="#" style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:none; font-weight:normal; text-decoration:underline; whitespace:nowrap; color:#7c858e"
                                        data-hs-link-id="0" target="_blank">email preferences</a> to choose the types of emails you receive.
                                      <br><br> &nbsp;
                                      <a class="hubspot-mergetag" data-unsubscribe="true" href="#" style="-ms-text-size-adjust:100%; -webkit-text-size-adjust:none; font-weight:normal; text-decoration:underline; whitespace:nowrap; color:#7c858e" data-hs-link-id="0" target="_blank">Unsubscribe from all future emails</a>&nbsp;
                                    </p>
                                  </div>
                                  <!--end widget-span -->
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <!--end footer wrapper -->
                      <tr>
                        <td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt"></td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- End Template Footer -->
                </td>
              </tr>
            </tbody>
          </table>
          <!-- End Template Container -->
        </td>
      </tr>
    </tbody>
  </table>

  <!-- end coded_template: id:4826958502 path:generated_layouts/4826958497.html -->

  <div id="_hs"></div>
</body>
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console