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.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Litmus Live</title>
  <style type="text/css">
    input, .kkm {
      display: none;
      }
      .img-max1 {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      }
      u + .body .mt10 {
      margin-top: 10px;
      }
      u + .body .mt5 {
      margin-top: 5px;
      }
      u + .body .mb5 {
      margin-bottom: 5px;
      }
      u + .body .mb10 {
      margin-bottom: 10px;
      }
      @media screen and (max-width: 480px) {
      .ticket-left, .ticket-right {
      display: none !important;
      }
      .ticket-middle {
      padding: 15px 5px !important;
      }
      .mob-tix {
      padding-left: 25px !important;
      padding-right: 25px !important;
      }
      }
      @media screen and (max-width: 600px) {
      .mob-hide {
      display: none;
      }
      .img-max {
      width: 100% !important;
      max-width: 100% !important;
      height: auto !important;
      }
      .spacer-max {
      width: 100% !important;
      max-width: 100% !important;
      height: 1px !important;
      }
      .hero h1 {
      font-size: 40px !important;
      line-height: 46px !important;
      }
      }
      @media screen and (min-width: 750px) {
      u + .body .spacer-max {
      display:none !important;
      }
      .td, .tfoot, .thead {
      display: table-cell;
      }
      .questions {
      	margin-top: 25px;
      }
      .des-tal {
      text-align: left !important;
      }
      .va-b {
      vertical-align: bottom;
      }
      .va-m {
      vertical-align: middle;
      }
      .table {
      display: table;
      width: 100%;
      }
      .w50 {
      min-width: 300px;
      width: 50%;
      }
      .w40p {
      width: 40%;
      }
      .w50p {
      width: 50%;
      }
      .w20p {
      width: 25%;
      }
      .w15p {
      width: 15%;
      }
      .w60p {
      width: 60%;
      }
      .w70p {
      width: 70%;
      }
      .w100p {
      width: 100%;
      }
      .w5p {
      width: 2%;
      min-height: 25px;
      }
      .w30p {
      	width: 32%;
      }
      .session .w30p {
      width: 225px;
      float: left;
      }
      .des-show {
      display: block !important;
      }
      .td-top {
      display: table-cell;
      float: left;
      }
      .boston, .london, .san-fran {
      border-radius: 3px;
      }
      .session .boston, .session .london, .session .san-fran {

      box-sizing: border-box;
      }
      .session .boston:hover, .session .london:hover, .session .san-fran:hover {
      transition: .3s;
      box-shadow: 0px 10px 12px -5px rgba(206,213,219,0.8);
      cursor: pointer;
      }
      .session .london:hover {
      border: 2px solid #54c8ee !important;
      }
      .session .london:hover .h3, .session .london:hover .p {
      color: #54c8ee !important;
      }
      .session .san-fran:hover {
      border: 2px solid #f88074 !important;
      }
      .session .san-fran:hover .h3, .session .san-fran:hover .p {
      color: #f88074 !important;
      }
      .session .boston:hover {
      border: 2px solid #fac46a !important;
      }
      .session .boston:hover .h3, .session .boston:hover .p {
      color: #fac46a !important;
      }
      .des-p0 {
      padding-left: 0px !important;
      padding-right: 0px !important;
      }
      u + .body .des-p0 {
      padding-left: 15px !important;
      padding-right: 15px !important;
      }
      u + .body .w5p, u + .body .w30p {
      width: auto !important;
      }
      u + .body .gmail-hide {
      display: none !important;
      }
      u + .body .gmail-show {
      display: block !important;
      }
      u + .body .gmail-show-dib {
      display: inline-block !important;
      }
      }
      @media screen and (min-width: 800px) {
      .tweet-col {
      display: table-cell;
      vertical-align: top;
      text-align: left;
      }
      .tweet-arrow-show {
      display: table-cell !important;
      }
      }
      @media screen and (min-width: 1000px) {
      u + .body .mw600 {
        min-width: 600px !important;
      }
      .tweet-col-show {
      display: table-cell !important;
      text-align: left;
      }
      }
      @media screen and (min-width: 1350px) {
      u + .body .w30p {
      width: 32% !important;
      }
      u + .body .w5p {
      width: 2% !important;
      }
      u + .body .des-p0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
      }
      u + .body .gmail-cta {
      display: inline-block !important;
      }
      u + .body .gmail-hide {
      display: none !important;
      }
      u + .body h1, u + .body h2, u + .body h3 {
      font-weight: bold !important;
      }
      }
  </style>
  <style type="text/css">
    a {
              text-decoration: none;
          }
          .link:hover {
              text-decoration: none !important;
          }
  </style>
  <style type="text/css">
    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;
          }
          @media { }
          @media screen {
              @font-face {
                  font-family: 'proxima_nova_rgregular';
                  src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot');
                  src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
                       url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff') format('woff'),
                       url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf') format('truetype'),
                       url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
                  font-weight: normal;
                  font-style: normal;
              }
              @font-face {
                  font-family: 'proxima_nova_rgbold';
                  src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot');
                  src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
                       url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff') format('woff'),
                       url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf') format('truetype'),
                       url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
                  font-weight: normal;
                  font-style: normal;
              }
          }
          @media screen and (-webkit-min-device-pixel-ratio: 0), and (min--moz-device-pixel-ratio: 0) {
              #normal {
                  font-weight: normal !important;
              }
          }
  </style>
  <style type="text/css">
    @media screen and (min-width: 750px) {
      .fallback-hide {
      display: none !important;
      }
      .kkm, .show {
      display: block !important;
      }
      .★:not(#★) {
      display: none !important;
      }
      .♥:not(#♥) {
      display: block !important;
      }
      label {
      cursor: pointer;
      display: block;
      }
      select {
      border: 1px solid #333;
      background: transparent;
      width: 45px;
      font-size: 15px;
      border: 1px solid #cccccc;
      height: 28px;
      color: #788394;
      outline: none;
      font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, sans-serif;
      }
      .london-earlybird-sessiononly .sold-out, .london-earlybird-session-workshop-a .sold-out, .london-earlybird-session-workshop-b .sold-out, .london-earlybird-session-workshop-c .sold-out, .london-regular-sessiononly .sold-out, .london-regular-session-workshop-a .sold-out, .london-regular-session-workshop-b .sold-out, .london-regular-session-workshop-c .sold-out, .sf-earlybird-sessiononly .sold-out, .sf-earlybird-session-workshop-a .sold-out, .sf-earlybird-session-workshop-b .sold-out, .sf-earlybird-session-workshop-c .sold-out, .sf-regular-sessiononly .sold-out, .sf-regular-session-workshop-a .sold-out, .sf-regular-session-workshop-b .sold-out, .sf-regular-session-workshop-c .sold-out, .boston-earlybird-sessiononly .sold-out, .boston-regular-sessiononly .sold-out, .boston-am-workshop-a .sold-out, .boston-am-workshop-b .sold-out, .boston-pm-workshop-a .sold-out, .boston-pm-workshop-b
.sold-out {
      display: none;
      }
      .sold-out, .warning {
      color: #f88074 !important;
      }
      .london-early-bird-msg, .sf-early-bird-msg {
      display: none;
      }
      blockquote {
      margin: 0;
      }
      button {
      background-color: green;
      border: 0px;
      border-radius: 25px;
      padding: 15px 25px;
      color: #ffffff;
      font-size: 20px;
      cursor: pointer;
      outline: none;
      }
      }
  </style>
  <style type="text/css">
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .webkit-hide {
      display: none !important;
      }
      .webkit-show {
      display: block !important;
      }
      h1, h2, h3, .bold {
      font-weight: normal !important;
      }
      }
      @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 750px) {
      .webkit-hide-desktop {
      display: none !important;
      }
      .webkit-show-desktop {
      display: block !important;
      }
      .warning {
      display: inline-block !important;
      }
      label[for="wk"], label[for="en"], label[for="cd"] {
      display: block !important;
      }
      .col-space {
      display: table-cell !important;
      }
      #xz:checked, #xz:checked~[type="radio"] {
      display: inline-block !important;
      }
      #wk:checked~* .ymw {
      display: block !important;
      }
      .ymw blockquote, .bjm blockquote, .kjm blockquote {
      animation: message 2s;
      }
      #wk:checked~* .boston {
      background-color: #fac46a !important;
      border: 2px solid #fac46a !important;
      }
      #wk:checked~* .boston .h3 {
      color: #ffffff !important;
      }
      #wk:checked~* .boston .p {
      color: #73521d !important;
      }
      #en:checked~* .london {
      background-color: #54c8ee !important;
      border: 2px solid #54c8ee !important;
      }
      #en:checked~* .london .h3 {
      color: #ffffff !important;
      }
      #en:checked~* .london .p {
      color: #245e71 !important;
      }
      #cd:checked~* .san-fran {
      background-color: #f88074 !important;
      border: 2px solid #f88074 !important;
      }
      #cd:checked~* .san-fran .h3 {
      color: #ffffff !important;
      }
      #cd:checked~* .san-fran .p {
      color: #82372f !important;
      }
      #en:not(:checked)~* .bjm {
      display: none;
      }
      #wk:not(:checked)~* .ymw {
      display: none;
      }
      #cd:not(:checked)~* .kjm {
      display: none;
      }
      .london-tix, .sf-tix {
      margin-top: 0px !important;
      }
      @keyframes message {
      0% {
      opacity: 0;
      }
      30% {
      opacity: 1;
      }
      100% {
      opacity: 1;
      }
      }
      }
  </style>
  <style type="text/css">
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
      .kkm, .show, .webkit-show-desktop {
      display: none !important;
      }
      .webkit-hide-desktop {
      display: block !important;
      }
      }
  </style>
  <style type="text/css">
    @media screen {
          @font-face {
              font-family: 'brandon_bold';
              src: url('https://litmus.com/fonts/Emails/Brandon_bld-webfont.eot');
              src: url('https://litmus.com/fonts/Emails/Brandon_bld-webfont?#iefix') format('embedded-opentype'),
                   url('https://litmus.com/fonts/Emails/Brandon_bld-webfont.woff') format('woff'),
                   url('https://litmus.com/fonts/Emails/Brandon_bld-webfont.ttf') format('truetype'),
                   url('https://litmus.com/fonts/Emails/Brandon_bld-webfont.svg#brandon_bold') format('svg');
              font-weight: normal;
              font-style: normal;
          }
          @font-face {
              font-family: 'brandon_reg';
              src: url('https://litmus.com/fonts/Emails/brandon_reg-webfont.eot');
              src: url('https://litmus.com/fonts/Emails/brandon_reg-webfont?#iefix') format('embedded-opentype'),
                   url('https://litmus.com/fonts/Emails/brandon_reg-webfont.woff') format('woff'),
                   url('https://litmus.com/fonts/Emails/brandon_reg-webfont.ttf') format('truetype'),
                   url('https://litmus.com/fonts/Emails/brandon_reg-webfont.svg#brandon_reg') format('svg');
              font-weight: normal;
              font-style: normal;
          }
          @font-face {
              font-family: 'merriweather';
              src: url('https://litmus.com/fonts/Emails/Merriweather-Regular.eot');
              src: url('https://litmus.com/fonts/Emails/Merriweather-Regular?#iefix') format('embedded-opentype'),
                   url('https://litmus.com/fonts/Emails/Merriweather-Regular.woff') format('woff'),
                   url('https://litmus.com/fonts/Emails/Merriweather-Regular.ttf') format('truetype'),
                   url('https://litmus.com/fonts/Emails/Merriweather-Regular.svg#merriweather') format('svg');
              font-weight: normal;
              font-style: normal;
          }
      }
  </style>
  <style type="text/css">
    [owa] .td, [owa] .tfoot, [owa] .thead {
      display: table-cell;
      vertical-align: top;
      }
      [owa] .table {
      display: table;
      width: 100%;
      }
      [owa] .w50 {
      min-width: 300px;
      width: 50%;
      }
      [owa] .w5p {
      width: 2%;
      min-height: 25px;
      }
      [owa] .w30p {
      width: 32%;
      }
      [owa] .w40p {
      width: 40%;
      }
      [owa] .w50p {
      width: 50%;
      }
      [owa] .des-tal {
      text-align: left !important;
      }
      [owa] .owa-link div {
      display: block !important;
      }
  </style>
  <style type="text/css">
    @media yahoo {
      .pt75 {
      padding-top: 75px;
      }
      .webkit-show-desktop {
      display:none;
      }
      .gmail-cta, .wk, .en, .cd, .gmail-hide {
      display:none!important;
      }
      .gmail-show {
      display:block!important;
      }
      .gmail-show-dib {
      display:inline-block!important;
      }
      .des-tal {
      text-align:left!important;
      }
      }
  </style>
  <style type="text/css">
    @media screen and (min--moz-device-pixel-ratio: 0) {
      select {
      padding: 5px 15px 0px 0px !important;
      }
      }
  </style>
  <link rel="stylesheet" href="https://litmus-email-campaigns.s3.amazonaws.com/tedc17-tix-live/checkout.css" type="text/css" charset="utf-8">
  <!--[if lt mso 12]>
      <style type="text/css">
        .ol-pt0 {
        	padding-top: 0px !important;
        }
      </style>
    <![endif]-->
  <!--[if gte mso 9]>
      <style type="text/css">
        h1, h2, h3 {
            font-weight: bold !important;
        }
        .des-tal {
        	text-align: left !important;
        }
      </style>
    <![endif]-->
  <style type="text/css">
    /***************
      PADDING 0px
      ***************/
      /***************
      PADDING 5px
      ***************/
      /***************
      PADDING 10px
      ***************/
      /***************
      PADDING 15px
      ***************/
      /***************
      PADDING 20px
      ***************/
      /***************
      PADDING 25px
      ***************/
      /***************
      PADDING 30px
      ***************/
      /***************
      PADDING 35px
      ***************/
      /***************
      PADDING 40px
      ***************/
      /***************
      PADDING 45px
      ***************/
      /***************
      PADDING 50px
      ***************/
      /***************
      PADDING 55px
      ***************/
      /***************
      PADDING 60px
      ***************/
      /***************
      PADDING 65px
      ***************/
      /***************
      PADDING 70px
      ***************/
      /***************
      PADDING 75px
      ***************/
      /***************
      PADDING 100px
      ***************/
      /***************
      PADDING 125px
      ***************/
      /***************
      PADDING 150px
      ***************/
          /**********
          FONT SIZES
          ***********/
          /***********
          LINE HEIGHTS
          ***********/
          /***********
          COLORS
          ***********/
          /***********
          ALIGNMENT
          ***********/
  </style>
</head>

<body style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin: 0; padding: 0;" class="body">
  <div style="display: none; max-height: 0px; overflow: hidden;">
    Get your ticket to Boston, London, or San Francisco (or all three!) now—limited number of “early bird” discounted tickets available.
  </div>
  <div style="display: none; width: 0px; height: 0px; max-height: 0px; overflow: hidden;">
    &nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌&nbsp;‌
  </div>
  <div class="frame" style="background-color:#e1e7ed;box-shadow:-2px 0 10px rgba(188,190,202,0.32);">
    <div class="section" style="margin:0 auto;background-color:#e1e7ed;">
      <!--[if (gte mso 9)|(IE)]>
          <table width="100%" role="presentation">
            <tr>
              <td align="center" bgcolor="#3c4656" style="padding-top: 20px; padding-bottom: 50px;">
        <![endif]-->
      <div class="hero" style="background-color:#3c4656;padding:25px 0 75px 0;margin:0 auto;">
        <!--[if (gte mso 9)|(IE)]>
            <table width="825" role="presentation">
              <tr>
                <td align="center">
          <![endif]-->
        <div class="max1000 center pl15 pr15" style="padding-right:15px;padding-left:15px;margin:0 auto;max-width: 800px; margin: 0 auto;">
          <div class="pt10 pb50 clear" style="padding-top:10px;padding-bottom:50px;mso-margin-top-alt: 20px; mso-margin-bottom-alt: 20px;">
            <div class="owa-link">
              <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/bznv7s/377822415" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="http://pages.litmus.com/l/31032/2017-02-07/bppmc8/31032/107141/litmus_live_logo2.png" width="275" height="70" alt="Litmus" style="color: #ffffff; font-size: 16px; margin: 0 auto; display: block; border: 0px;"></a>
            </div>
          </div>
          <div>
            <!--[if (gte mso 9)|(IE)]>
                <table width="800" align="center" role="presentation">
                  <tr>
                    <td align="center" valign="top" style="mso-padding-top-alt: 35px;">
              <![endif]-->
            <div class="td">
              <div class="tac" style="text-align:center;">
                <h1 style="margin:0;font-size:46px;line-height:50px;color:#ffffff;font-weight:bold;display:inline-block;font-family:'brandon_bold', Brandon Grotesque, Helvetica, Arial, sans-serif;">
                    Tickets on Sale Now!
                    </h1>
                <p class="pt15 fsz18 lh28" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;padding-top:15px;font-size:18px;line-height:28px;color:#b9cef0;">
                  <!--Grab a ticket to Litmus Live and get ready to experience #emailgeek heaven!
                        <br><br>-->
                  Each Litmus Live location has a limited number of “early bird” discounted tickets—buy your ticket now to get the best pricing. Group discounts are available on three or more tickets—email us at <a href="mailto:conference@litmus.com?Subject=Litmus%20Live%20tickets%20question"
                    style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;color: #b9cef0;" class="link" target="_blank">conference@litmus.com</a> for more details.
                </p>
              </div>
            </div>
            <!--[if (gte mso 9)|(IE)]>
              </td>
            </tr>
          </table>
              <![endif]-->
          </div>
        </div>
        <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
      <table width="100%" role="presentation">
        <tr>
          <td align="left" style="mso-padding-top-alt: 25px;" class="ol-pt0">
          <![endif]-->
        <div class="center pt50 pl15 pr15 tac des-p0 webkit-hide-desktop gmail-hide ♥" id="♥" style="padding-right:15px;padding-left:15px;padding-top:50px;margin:0 auto;text-align:center;">
          <div class="table w100p">
            <!--[if (gte mso 9)|(IE)]>
                <table width="100%" role="presentation">
                  <tr>
                    <td width="33%" align="center" style="padding-top: 25px;">
              <![endif]-->
            <div class="td w30p boston pt50 pl25 pr25 va-b" style="padding-right:25px;padding-left:25px;padding-top:50px;background-color:#fac46a;border:0px;">
              <!--[if (gte mso 9)|(IE)]>
                  <br>
                <![endif]-->
              <h3 style="font-family:'brandon_bold', Brandon Grotesque, sans-serif;line-height:36px;color:#3c4656;font-weight:bold;margin:0;font-size:20px;line-height:24px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#c7d0dd;font-size:24px;color:#ffffff;font-family:'merriweather', Merriweather, Georgia, serif;font-size:30px;">

                  Boston
                </h3>
              <p class="pt15 lh24" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;padding-top:15px;line-height:24px;color:#b9cef0;color:#c7d0dd;color:#73521d;">
                August 2–4 <br> Sessions Only: $1,495<br> Early Bird: $995<br> Workshop: $695<br>
                <br>
                <a href="http://pages.litmus.com/e/31032/ardot-utm-medium-email-tickets/bznv7v/377822415" target="_blank" class="cta2" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:18px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#333333;text-decoration:none;border-radius:50px;background-color:#ffffff;padding:15px 30px;border:1px solid #ffffff;display:inline-block;font-weight:bold;mso-border-alt:8px solid #ffffff;mso-padding-alt:0px;mso-margin-top-alt:20px;display:inline-block;">Get tickets →</a>
              </p>
              <br>
              <div class="owa-link">
                <a href="http://pages.litmus.com/e/31032/ardot-utm-medium-email-tickets/bznv7v/377822415" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="http://pages.litmus.com/l/31032/2017-02-07/bppmc4/31032/107135/illo_boston.png" width="50" height="145" style="display: block; margin: 0 auto; border: 0px; color: #73521d;" alt="sports!"></a>
              </div>
            </div>
            <!--[if (gte mso 9)|(IE)]>
              </td>
              <td width="1%" align="center" style="padding-top: 25px;">
              <![endif]-->
            <div class="td w5p">&nbsp;</div>
            <!--[if (gte mso 9)|(IE)]>
              </td>
              <td width="32%" align="center" style="padding-top: 25px;">
              <![endif]-->
            <div class="td w30p london pt50 pl25 pr25 va-b" style="padding-right:25px;padding-left:25px;padding-top:50px;background-color:#54c8ee;border:0px;">
              <!--[if (gte mso 9)|(IE)]>
                  <br>
                <![endif]-->
              <h3 style="font-family:'brandon_bold', Brandon Grotesque, sans-serif;line-height:36px;color:#3c4656;font-weight:bold;margin:0;font-size:20px;line-height:24px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#c7d0dd;font-size:24px;color:#ffffff;font-family:'merriweather', Merriweather, Georgia, serif;font-size:30px;">

                  London
                </h3>
              <p class="pt15 lh24" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;padding-top:15px;line-height:24px;color:#b9cef0;color:#c7d0dd;color:#245e71;">
                August 29–30<br> Sessions Only: £800<br> Early Bird: £650<br> Workshop: £480<br>
                <br>
                <a href="http://pages.litmus.com/e/31032/ardot-utm-medium-email-tickets/bznv7x/377822415" target="_blank" class="cta2" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:18px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#333333;text-decoration:none;border-radius:50px;background-color:#ffffff;padding:15px 30px;border:1px solid #ffffff;display:inline-block;font-weight:bold;mso-border-alt:8px solid #ffffff;mso-padding-alt:0px;mso-margin-top-alt:20px;display:inline-block;">Get tickets →</a>
              </p>
              <br>
              <div class="owa-link">
                <a href="http://pages.litmus.com/e/31032/ardot-utm-medium-email-tickets/bznv7x/377822415" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="http://pages.litmus.com/l/31032/2017-02-07/bppmc6/31032/107139/illo_london.png" width="39" height="144" style="display: block; margin: 0 auto; border: 0px; color: #245e71;" alt="big ben!"></a>
              </div>
            </div>
            <!--[if (gte mso 9)|(IE)]>
              </td>
              <td width="1%" align="center" style="padding-top: 25px;">
              <![endif]-->
            <div class="td w5p">&nbsp;</div>
            <!--[if (gte mso 9)|(IE)]>
              </td>
              <td width="33%" align="center" style="padding-top: 25px;">
              <![endif]-->
            <div class="td w30p san-fran pt50 pl25 pr25 va-b" style="padding-right:25px;padding-left:25px;padding-top:50px;background-color:#f88074;border:0px;">
              <!--[if (gte mso 9)|(IE)]>
                  <br>
                <![endif]-->
              <h3 style="font-family:'brandon_bold', Brandon Grotesque, sans-serif;line-height:36px;color:#3c4656;font-weight:bold;margin:0;font-size:20px;line-height:24px;font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#c7d0dd;font-size:24px;color:#ffffff;font-family:'merriweather', Merriweather, Georgia, serif;font-size:30px;">

                  San Francisco
                </h3>
              <p class="pt15 lh24" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;padding-top:15px;line-height:24px;color:#b9cef0;color:#c7d0dd;color:#82372f;">
                September 21–22<br> Sessions Only: $1,195<br> Early Bird: $995<br> Workshop: $695<br>
                <br>
                <a href="http://pages.litmus.com/e/31032/ardot-utm-medium-email-tickets/bznv7z/377822415" target="_blank" class="cta2" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;font-size:18px;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:normal;color:#333333;text-decoration:none;border-radius:50px;background-color:#ffffff;padding:15px 30px;border:1px solid #ffffff;display:inline-block;font-weight:bold;mso-border-alt:8px solid #ffffff;mso-padding-alt:0px;mso-margin-top-alt:20px;display:inline-block;">Get tickets →</a>
              </p>
              <br>
              <div class="owa-link">
                <a href="http://pages.litmus.com/e/31032/ardot-utm-medium-email-tickets/bznv7z/377822415" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="http://pages.litmus.com/l/31032/2017-02-07/bppmc2/31032/107137/illo_sf.png" width="114" height="145" style="display: block; margin: 0 auto; border: 0px; color: #82372f;" alt="hills!"></a>
              </div>
            </div>
            <!--[if (gte mso 9)|(IE)]>
              </td>
            </tr>
          </table>
              <![endif]-->
          </div>
        </div>
        <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
      </table>
          <![endif]-->
      </div>
      <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
        <![endif]-->
    </div>
    <!--[if (gte mso 9)|(IE)]>
        <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation">
          <tr>
            <td bgcolor="#e1e7ed">
      <![endif]-->
    <div class="section" style="margin:0 auto;background-color:#e1e7ed;background: url('https://img.litmuscdn.com/images/conference/2017/squares-short.png') left 0px top 400px no-repeat; background-size: contain;">
      <!--[if (gte mso 9)|(IE)]>
          <table width="800" align="center" role="presentation">
            <tr>
              <td align="left" style="padding-top: 75px;">
        <![endif]-->
      <div class="pt75 pb75 pl15 pr15 center session tac" style="padding-right:15px;padding-left:15px;padding-top:75px;padding-bottom:75px;margin:0 auto;text-align:center;max-width: 700px; margin: 0 auto;">
        <h2 style="margin:0;display:none;font-family:'brandon_bold', Brandon Grotesque, Helvetica, Arial, sans-serif;font-weight:bold;font-size:30px;line-height:36px;color:#3c4656 !important;display: none;" class="webkit-show-desktop ★" id="★">
            Select the conference location you want to attend and purchase your ticket:
        </h2>
        <h2 style="margin:0;font-family:'brandon_bold', Brandon Grotesque, Helvetica, Arial, sans-serif;font-weight:bold;font-size:30px;line-height:36px;color:#3c4656 !important;display: none;" class="gmail-show webkit-hide">
            Find the conference location you want to attend below and purchase your ticket:
        </h2>
        <div style="display:none;margin:0 auto;border:2px solid #cad2df;width:30px;margin-top:20px;margin-bottom:20px;font-size:0px;line-height:0px;text-decoration:underline;display: none;" class="underline center gmail-show webkit-show-desktop ★" id="★"></div>
        <br>
        <!--[if (gte mso 9)|(IE)]><!-->
        <input type="checkbox" style="display: none;" id="xz"><input type="radio" name="page" style="display: none;" id="wk" checked=""><input type="radio" name="page" style="display: none;" id="en"><input type="radio" name="page" style="display: none;"
          id="cd">
        <div style="padding-bottom:10px;display:none;margin:0 auto;text-align:center;display: none;" class="center tac des-p0 pb10 gmail-show webkit-show-desktop ★" id="★">
          <div class="table w100p">
            <label for="wk" class="wk" style="display: none;">
                    <span class="td w30p pt25 pb25 boston va-m" style="padding-top:25px;padding-bottom:25px;background-color:#ffffff;border:2px solid #ffffff;">
                        <span class="h3" style="color:#c7d0dd;font-family:'merriweather', Merriweather, Georgia, serif;font-size:24px;display: block;">
                            Boston
                        </span>
                        <span class="p pt5 lh24" style="padding-top:5px;color:#788394;font-size:16px;line-height:24px;color:#c7d0dd;display: block;">
                            August 2–4
                        </span>
                    </span>
                </label>
            <div class="td w5p col-space" style="display: none;">&nbsp;</div>
            <label for="en" class="en" style="display: none;">
            <span class="td w30p london pt25 pb25 pl25 pr25 va-m" style="padding-top:25px;padding-bottom:25px;padding-right:25px;padding-left:25px;background-color:#ffffff;border:2px solid #ffffff;">
                <span class="h3" style="color:#c7d0dd;font-family:'merriweather', Merriweather, Georgia, serif;font-size:24px;display: block;">
                    London
                </span>
                <span class="p pt5 lh24" style="padding-top:5px;color:#788394;font-size:16px;line-height:24px;color:#c7d0dd;display: block;">
                 August 29–30
                </span>
            </span>
            </label>
            <div class="td w5p col-space" style="display: none;">&nbsp;</div>
            <label for="cd" class="cd" style="display: none;">
            <span class="td w30p san-fran pt25 pl25 pr25 pb25 vam" style="padding-top:25px;padding-bottom:25px;padding-right:25px;padding-left:25px;background-color:#ffffff;border:2px solid #ffffff;">
                <span class="h3" style="color:#c7d0dd;font-family:'merriweather', Merriweather, Georgia, serif;font-size:24px;display: block;">
                    San Francisco
                </span>
                <span class="p pt5 lh24" style="padding-top:5px;color:#788394;font-size:16px;line-height:24px;color:#c7d0dd;display: block;">
                 September 21–22
                </span>
            </span>
            </label>
          </div>
        </div>
        <!--<![endif]-->
        <br class="hide" style="display:none;">
        <!--TICKET CHECKOUT HERE-->
        <!--[if (gte mso 9)|(IE)]>
              <!-->
        <div class="kkm ★" id="★">
          <div class="ymw">
            <div style="display: none;" class="show">
              <div style="padding-top:50px;padding-bottom:50px;padding-right:50px;padding-left:50px;text-align:left;background: #ffffff; box-shadow: 0px 10px 12px -5px rgba(206,213,219,0.8); border-radius: 3px;" class="td pt50 pb50 pl50 pr50 tal mw600">
                <blockquote>
                  <form action="https://www.eventbrite.com/orderstart" method="get" target="_blank">
                    <input type="hidden" name="eid" value="32863399312"><input type="hidden" name="has_javascript" value="1">
                    <div class="boston-tix">
                      <p class="p fsz14 lh30 gmail-show" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;font-size:14px;line-height:30px;font-style: italic; display: none;">August 2–4</p>
                      <h3 style="font-family:'brandon_bold', Brandon Grotesque, sans-serif;font-size:30px;line-height:36px;color:#3c4656;font-weight:bold;margin:0;">Boston Tickets &nbsp;<span class="fsz15 boston-earlybird" style="font-size:15px;">(75 total early bird tickets available)</span>
</h3>
                      <div class="table mt25 mb10" style="border-bottom: 1px solid #eee;">
                        <div class="td w70p pr15 pt25 pb10" style="padding-bottom:10px;padding-right:15px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Ticket Type</p>
                        </div>
                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Price</p>
                        </div>

                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Quantity</p>
                        </div>
                      </div>
                      <div class="table pt10 pb5 mt10 mb5 boston-earlybird-sessiononly" style="padding-bottom:5px;padding-top:10px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p gmail-hide" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions Only (No Workshops)</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;display: none;"></div>
                          <a href="https://litmus.com/conference/boston?utm_campaign=litmuslive17&amp;utm_content=tix_sale&amp;utm_source=pardot&amp;utm_medium=email#tickets" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="https://litmus-email-campaigns.s3.amazonaws.com/tedc17-tix-live/boston-early-tix.png" style="max-width: 350px; height: auto; display: block;" border="0" class="webkit-hide boston-earlybird-img"></a>
                        </div>
                        <div class="td w15p va-m">
                          <p class="p gmail-hide" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$995</p>
                          <a href="https://litmus.com/conference/boston?utm_campaign=litmuslive17&amp;utm_content=tix_sale&amp;utm_source=pardot&amp;utm_medium=email#tickets" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="https://litmus-email-campaigns.s3.amazonaws.com/tedc17-tix-live/boston-early-price.png" style="display: block; height: auto; max-width: 50px;" border="0" class="webkit-hide"></a>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63493920_None" class="gmail-hide"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 boston-regular-sessiononly" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions Only (No Workshops)</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p vam">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$1,495</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63493928_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 boston-am-workshop-a" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">AM Workshop: Troubleshooting Email Like A Pro</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$695</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63493933_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 boston-am-workshop-b" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">AM Workshop: Targeted Emails &amp; Lifecycle Messaging Strategies</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$695</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63493942_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 boston-pm-workshop-a" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">PM Workshop: Advanced Responsive Email and Layouts</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$695</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63493952_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 boston-pm-workshop-b" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">PM Workshop: Deliverability: From Builder to the Inbox</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$695</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63493961_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <br>
                      <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;font-style: italic;">* Any workshop ticket must be purchased in conjuction with a sessions ticket.</p>
                      <br><br>
                    </div>
                    <button type="submit" class="center cta normal" style="margin:0 auto;font-size:28px;font-family:'brandon_bold', Brandon Grotesque, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:50px;background-color:#3c4656;padding:15px 50px;border:1px solid #3c4656;mso-border-alt:8px solid #3c4656;mso-padding-alt:0px;mso-margin-top-alt:20px;display:block;">Checkout →</button>
                    <div class="pt25 tac" style="padding-top:25px;text-align:center;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6s/31032/110005/discover.png" alt="Discover" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6n/31032/110009/amex.png" alt="American Express" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6l/31032/110007/mastercard.png" alt="Mastercard" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6q/31032/110011/visa.png" alt="Visa" width="40" height="32" border="0" style="display: inline-block;">
                    </div>
                  </form>
                </blockquote>
                <img src="spacer.png" width="600" height="1" style="display: block;" class="spacer-max">
              </div>
            </div>
          </div>
          <div class="bjm">
            <div style="display: none; margin-top: 25px;" class="show london-tix">
              <div style="padding-top:50px;padding-bottom:50px;padding-right:50px;padding-left:50px;text-align:left;background: #ffffff; box-shadow: 0px 10px 12px -5px rgba(206,213,219,0.8); border-radius: 3px; margin-top: 25px;" class="td pt50 pb50 pl50 pr50 tal mw600">
                <blockquote>
                  <form action="https://www.eventbrite.com/orderstart" method="get" target="_blank">
                    <input type="hidden" name="eid" value="32883704044"><input type="hidden" name="has_javascript" value="1">
                    <div class="london-earlybird-tix gmail-hide">
                      <h3 style="font-family:'brandon_bold', Brandon Grotesque, sans-serif;font-size:30px;line-height:36px;color:#3c4656;font-weight:bold;margin:0;">London Early Bird Tickets &nbsp;<span class="fsz15" style="font-size:15px;">(50 total available)</span>
</h3>
                      <div class="table mt25 mb10" style="border-bottom: 1px solid #eee;">
                        <div class="td w70p pr15 pt25 pb10" style="padding-bottom:10px;padding-right:15px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Ticket Type</p>
                        </div>
                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Price</p>
                        </div>

                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Quantity</p>
                        </div>
                      </div>
                      <div class="table pt10 pb5 mt10 mb5 london-earlybird-sessiononly" style="padding-bottom:5px;padding-top:10px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions Only (No Workshops)</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;">
                          </div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">£650</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63532531_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 london-earlybird-session-workshop-a" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions + Troubleshooting Email Like A Pro Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p vam">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">£1,130</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63532532_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 london-earlybird-session-workshop-b" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions + Advanced Responsive Email and Layouts Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">£1,130</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63532533_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 london-earlybird-session-workshop-c" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions + Fundamentals of Email Marketing Strategy Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">£1,130</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63533240_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <br><br><br>
                    </div>
                    <div class="london-regular-tix">
                      <p class="p fsz14 lh30 gmail-show" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;font-size:14px;line-height:30px;font-style: italic; display: none;">August 29–30</p>
                      <h3 style="font-family:'brandon_bold', Brandon Grotesque, sans-serif;font-size:30px;line-height:36px;color:#3c4656;font-weight:bold;margin:0;">London <span class="gmail-hide">Regular</span> Tickets &nbsp;<span style="font-size:15px;display: none;" class="gmail-show-dib fsz15">(50 total early bird tickets available)</span> <span class="fsz15 london-early-bird-msg" style="font-size:15px;"></span>
</h3>
                      <div class="table mt25 mb10" style="border-bottom: 1px solid #eee;">
                        <div class="td w70p pr15 pt25 pb10" style="padding-bottom:10px;padding-right:15px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Ticket Type</p>
                        </div>
                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Price</p>
                        </div>

                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Quantity</p>
                        </div>
                      </div>
                      <div class="table webkit-hide london-earlybird-img">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <a href="https://litmus.com/conference/london?utm_campaign=litmuslive17&amp;utm_content=tix_sale&amp;utm_source=pardot&amp;utm_medium=email#tickets" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="https://litmus-email-campaigns.s3.amazonaws.com/tedc17-tix-live/london-early-tix.png" style="max-width: 350px; height: auto; display: block;" border="0"></a>
                        </div>
                        <div class="td w15p">
                          <a href="https://litmus.com/conference/london?utm_campaign=litmuslive17&amp;utm_content=tix_sale&amp;utm_source=pardot&amp;utm_medium=email#tickets" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="https://litmus-email-campaigns.s3.amazonaws.com/tedc17-tix-live/london-early-price.png" style="max-width: 50px; height: auto; display: block;" border="0"></a>
                        </div>
                        <div class="td w15p"></div>
                      </div>
                      <div class="table pt10 pb5 london-regular-sessiononly" style="padding-bottom:5px;padding-top:10px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions Only (No Workshops)</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;">
                          </div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">£800</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63532534_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 london-regular-session-workshop-a" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions + Troubleshooting Email Like A Pro Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p vam">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">£1,280</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63532535_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 london-regular-session-workshop-b" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions + Advanced Responsive Email and Layouts Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">£1,280</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63532536_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 london-regular-session-workshop-c" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions + Fundamentals of Email Marketing Strategy Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">£1,280</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63533241_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                    </div>
                    <br><br><br><button type="submit" class="center cta normal" style="margin:0 auto;font-size:28px;font-family:'brandon_bold', Brandon Grotesque, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:50px;background-color:#3c4656;padding:15px 50px;border:1px solid #3c4656;mso-border-alt:8px solid #3c4656;mso-padding-alt:0px;mso-margin-top-alt:20px;display:block;">Checkout →</button>
                    <div class="pt25 tac" style="padding-top:25px;text-align:center;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6s/31032/110005/discover.png" alt="Discover" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6n/31032/110009/amex.png" alt="American Express" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6l/31032/110007/mastercard.png" alt="Mastercard" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6q/31032/110011/visa.png" alt="Visa" width="40" height="32" border="0" style="display: inline-block;">
                    </div>
                  </form>
                </blockquote>
                <img src="spacer.png" width="600" height="1" style="display: block;" class="spacer-max">
              </div>
            </div>
          </div>
          <div class="kjm">
            <div style="display: none; margin-top: 25px;" class="show sf-tix">
              <div style="padding-top:50px;padding-bottom:50px;padding-right:50px;padding-left:50px;text-align:left;background: #ffffff; box-shadow: 0px 10px 12px -5px rgba(206,213,219,0.8); border-radius: 3px;" class="td pt50 pb50 pl50 pr50 tal mw600">
                <blockquote>
                  <form action="https://www.eventbrite.com/orderstart" method="get" target="_blank">
                    <input type="hidden" name="eid" value="32884829410"><input type="hidden" name="has_javascript" value="1">
                    <div class="sf-earlybird-tix gmail-hide">
                      <h3 style="font-family:'brandon_bold', Brandon Grotesque, sans-serif;font-size:30px;line-height:36px;color:#3c4656;font-weight:bold;margin:0;">San Francisco Early Bird Tickets &nbsp;<span class="fsz15" style="font-size:15px;">(50 total available)</span>
</h3>
                      <div class="table mt25 mb10" style="border-bottom: 1px solid #eee;">
                        <div class="td w70p pr15 pt25 pb10" style="padding-bottom:10px;padding-right:15px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Ticket Type</p>
                        </div>
                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Price</p>
                        </div>

                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Quantity</p>
                        </div>
                      </div>
                      <div class="table pt10 pb5 mt10 mb5 sf-earlybird-sessiononly" style="padding-bottom:5px;padding-top:10px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions Only (No Workshops)</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$995</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63534398_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 sf-earlybird-session-workshop-a" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions + Troubleshooting Email Like A Pro Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p vam">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$1,690</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63534399_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 sf-earlybird-session-workshop-b" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions + Advanced Responsive Email and Layouts Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$1,690</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63534400_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 sf-earlybird-session-workshop-c" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Early Bird: Sessions + Targeted Emails &amp; Lifecycle Messaging Strategies Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$1,690</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63534403_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <br><br><br>
                    </div>
                    <div class="sf-regular-tix">
                      <p class="p fsz14 lh30 gmail-show" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;font-size:14px;line-height:30px;font-style: italic; display: none;">September 21–22</p>
                      <h3 style="font-family:'brandon_bold', Brandon Grotesque, sans-serif;font-size:30px;line-height:36px;color:#3c4656;font-weight:bold;margin:0;">San Francisco <span class="gmail-hide">Regular</span> Tickets &nbsp;<span style="font-size:15px;display: none;" class="gmail-show-dib fsz15">(50 total early bird tickets available)</span><span class="fsz15 sf-early-bird-msg" style="font-size:15px;"></span>
</h3>
                      <div class="table mt25 mb10" style="border-bottom: 1px solid #eee;">
                        <div class="td w70p pr15 pt25 pb10" style="padding-bottom:10px;padding-right:15px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Ticket Type</p>
                        </div>
                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Price</p>
                        </div>

                        <div class="td w15p pt25 pb10" style="padding-bottom:10px;padding-top:25px;">
                          <p class="bold normal" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;">Quantity</p>
                        </div>
                      </div>
                      <div class="table webkit-hide sf-earlybird-img">

                        <div class="td w70p pr15" style="padding-right:15px;">
                          <a href="https://litmus.com/conference/san-francisco?utm_campaign=litmuslive17&amp;utm_content=tix_sale&amp;utm_source=pardot&amp;utm_medium=email#tickets" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="https://litmus-email-campaigns.s3.amazonaws.com/tedc17-tix-live/sf-early-tix.png" style="max-width: 350px; height: auto; display: block;" border="0"></a>
                        </div>
                        <div class="td w15p">
                          <a href="https://litmus.com/conference/san-francisco?utm_campaign=litmuslive17&amp;utm_content=tix_sale&amp;utm_source=pardot&amp;utm_medium=email#tickets" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"><img src="https://litmus-email-campaigns.s3.amazonaws.com/tedc17-tix-live/sf-early-price.png" style="max-width: 50px; height: auto; display: block;" border="0"></a>
                        </div>
                        <div class="td w15p"></div>
                      </div>
                      <div class="table pt10 pb5 sf-regular-sessiononly" style="padding-bottom:5px;padding-top:10px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions Only (No Workshops)</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$1,195</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63534401_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 sf-regular-session-workshop-a" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions + Troubleshooting Email Like A Pro Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p vam">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$1,890</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63534402_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 sf-regular-session-workshop-b" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions + Advanced Responsive Email and Layouts Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$1,890</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63534403_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                      <div class="table pt5 pb5 mt5 mb5 sf-regular-session-workshop-c" style="padding-top:5px;padding-bottom:5px;">
                        <div class="td w70p pr15" style="padding-right:15px;">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;display: inline;">Sessions + Targeted Emails &amp; Lifecycle Messaging Strategies Workshop</p>
                          <div class="fsz14 bold normal warning" style="color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:14px;"></div>
                        </div>
                        <div class="td w15p">
                          <p class="p" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;line-height:24px;">$1,890</p>
                        </div>
                        <div class="td w15p">
                          <select name="quant_63538810_None"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option></select>
                          <p class="fsz16 bold normal sold-out" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#353a3e;font-family:'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;">Sold out!</p>
                        </div>
                      </div>
                    </div>
                    <br><br><br><button type="submit" class="center cta normal" style="margin:0 auto;font-size:28px;font-family:'brandon_bold', Brandon Grotesque, Helvetica, Arial, sans-serif;font-weight:normal;color:#ffffff;text-decoration:none;border-radius:50px;background-color:#3c4656;padding:15px 50px;border:1px solid #3c4656;mso-border-alt:8px solid #3c4656;mso-padding-alt:0px;mso-margin-top-alt:20px;display:block;">Checkout →</button>
                    <div class="pt25 tac" style="padding-top:25px;text-align:center;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6s/31032/110005/discover.png" alt="Discover" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6n/31032/110009/amex.png" alt="American Express" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6l/31032/110007/mastercard.png" alt="Mastercard" width="40" height="32" border="0" style="display: inline-block;">
                      <img src="http://pages.litmus.com/l/31032/2017-03-24/bz7q6q/31032/110011/visa.png" alt="Visa" width="40" height="32" border="0" style="display: inline-block;">
                    </div>
                  </form>
                </blockquote>
                <img src="spacer.png" width="600" height="1" style="display: block;" class="spacer-max">
              </div>
            </div>
          </div>
        </div>
        <!--<![endif]-->
        <span class="fallback-hide webkit-hide">&nbsp;</span>
        <!--[if (gte mso 9)|(IE)]>
              </td>
            </tr>
          </table>
          <table width="800" role="presentation" align="center">
            <tr>
              <td align="center" bgcolor="#6b6290" style="mso-padding-alt: 25px;">
              <![endif]-->
        <div style="padding-top:50px;padding-bottom:50px;padding-right:50px;padding-left:50px;background: #6b6290; box-shadow: 0px 10px 12px -5px rgba(206,213,219,0.8); border-radius: 3px;" class="pt50 pb50 pl50 pr50 questions">
          <p class="p tac fsz18 lh24 white" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;color:#788394;font-size:16px;font-size:18px;line-height:24px;color:#ffffff;text-align:center;">Have questions about Litmus Live or want to <a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/bznv82/377822415" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;color: #ffffff;"
              class="link">become a patron</a>?<br class="mob-hide"> You can <a href="mailto:conference@litmus.com?Subject=Litmus%20Live%20tickets%20question" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#0088cc;text-decoration:underline;color: #ffffff;"
              class="link" target="_blank">email us</a>—we’re happy to help!</p>
        </div>
        <!--[if (gte mso 9)|(IE)]>
              </td>
            </tr>
          </table>
          <br>
          <br>
          <br>
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
        <![endif]-->
      </div>
      <!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
  </table>
  <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation">
    <tr>
      <td bgcolor="#3c4656">
      <![endif]-->
      <div class="section footer-bg pt50" style="padding-top:50px;margin:0 auto;background-color:#e1e7ed;background-color:#3c4656;">
        <!--[if (gte mso 9)|(IE)]>
          <table cellspacing="0" cellpadding="0" border="0" width="600" align="center" role="presentation">
            <tr>
              <td align="center" style="padding-top: 50px; padding-bottom: 50px;">
        <![endif]-->
        <div style="padding-right:15px;padding-left:15px;padding-bottom:50px;color:#b3c4dc;text-align:center;max-width: 600px; margin: 0 auto;" class="footer tac pb50 pl15 pr15">
          <a href="http://pages.litmus.com/e/31032/2017-03-27/bznv84/377822415" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#b3c4dc;text-decoration:underline;">
            <img src="http://pages.litmus.com/l/31032/2016-03-11/71ym5q/31032/84745/litmus_logo_w.png" width="30" height="30" border="0" style="display:inline-block;"></a>
          <p style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;margin:0;font-size:16px;padding-top:15px;font-size:13px;line-height:18px;mso-margin-top-alt: 15px;" class="pt15">
            675 Massachusetts Ave.<br> Cambridge, MA 02139, USA<br>
            <a href="#" target="_blank" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#b3c4dc;text-decoration:underline;">View online</a>
            <br>
            <br> You’re receiving this email because you’ve signed up to receive event updates from Litmus. If you’d prefer not to receive updates, you can <a href="#" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#b3c4dc;text-decoration:underline;"
              target="_blank">manage your preferences</a> or <a href="#" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;color:#b3c4dc;text-decoration:underline;" target="_blank">unsubscribe from all</a>.
          </p>
          <style>
            @media print{ #_t { background-image: url('https://vce30ag8.emltrk.com/vce30ag8?p&d=');}} div.OutlookMessageHeader {background-image:url('https://vce30ag8.emltrk.com/vce30ag8?f&d=')} table.moz-email-headers-table {background-image:url('https://vce30ag8.emltrk.com/vce30ag8?f&d=')} blockquote #_t {background-image:url('https://vce30ag8.emltrk.com/vce30ag8?f&d=')} #MailContainerBody #_t {background-image:url('https://vce30ag8.emltrk.com/vce30ag8?f&d=')}
          </style>
          <div id="_t"></div>
          
        </div>
        <!--[if (gte mso 9)|(IE)]>
        </td>
      </tr>
    </table>
        <![endif]-->
      </div>
      <!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
  </table>
      <![endif]-->
    </div>
    <!--[if (gte mso 9)|(IE)]>
    </td>
  </tr>
</table>
    <![endif]-->
  </div>


</body>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console