<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html><html class=''>
<head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/reallygoodemails/pen/JXOXPa?limit=all&page=81&q=food" />
<style class="cp-pen-styles"></style></head><body>
<!-- OH HAI, PEEPIN OUR CODE? I SEE YOU=P -->
<!-- WE DID A TWITTER FEED FOR THE EMAIL DESIGN CONFERENCE LAST YEAR AND IMPROVED
IT A BIT THIS YEAR - SEE + READ MORE ON LAST YEAR'S EMAIL HERE http://pages.litmus.com/e/31032/mic-twitter-feed-in-html-email/79rz5p/261744244
-->
<!-- COME TO #TEDC16 TO LEARN HOW TO BUILD AMAZING EMAILS LIKE THIS ONE + GEEK
OUT WITH EMAIL GEEKS -->
<!doctype html>
<html>
<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>The Email Design Conference 2016</title>
<link rel="stylesheet" href="https://litmus-insights-2016.herokuapp.com/campaigns/tedc-2016/assets/tweets.css" charset="utf-8">
<link rel="stylesheet" href="https://litmus-insights-2016.herokuapp.com/campaigns/tedc-2016/assets/progress.css" charset="utf-8">
<link rel="stylesheet" href="https://pages.litmus.com/l/31032/2016-03-23/79rjkp/31032/85736/mystery_city.css" charset="utf-8" />
<style type="text/css">
/* CLIENT-SPECIFIC STYLES */
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; }
/* RESET STYLES */
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; }
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
/* iOS BLUE LINKS */
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;
}
/* WEB FONTS */
@media screen {
@font-face {
font-family: 'proxima_nova_rgregular';
src: url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.woff') format('woff'),
url('https://litmus.com/fonts/Emails/proximanova-regular-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'proxima_nova_rgbold';
src: url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.woff') format('woff'),
url('https://litmus.com/fonts/Emails/proximanova-bold-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
}
/* STYLES */
.bg {
background: url('https://img.litmuscdn.com/images/conference/2016/star-bg.png'),linear-gradient(-25deg, #262e45 0%, #222635 100%);
}
.gmail-show {
height: auto !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
overflow: auto !important;
visibility: visible !important;
display: block !important;
}
* [summary~="gmail-show"] {
height: auto !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
overflow: auto !important;
visibility: visible !important;
display: block !important;
}
/* WEBKIT TARGETING MEDIA QUERY / WEBKIT STYLES */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
/* SHARE TRACKER STYLING */
.progress-bar {
width: 100%;
border: 2px solid #e4e9ee;
padding: 5px;
border-radius: 25px;
border-collapse: separate !important;
}
.status {
background-color: #E7EDF2;
height: 20px;
width: 5%;
}
.status-one {
background-color: #0eabf4;
height: 20px;
width: 5%;
}
.round-left {
border-radius: 25px 0 0 25px;
}
.round-right {
border-radius: 0 25px 25px 0;
}
.share-counter {
color: #444e4f;
font-size: 120px;
}
.out-of {
color: #95a5a6;
font-size: 24px;
}
.share-counter, .out-of {
display: inline-block;
font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;
}
.out-of:before {
content: '\00a0 \00a0 \00a0 / \00a0 500';
}
/* TWITTER WALL STYLING */
.wrapper {
width: 100%;
margin: 0;
}
.img-1, .img-2 {
width: 50%;
max-width: 50%;
height: auto;
float: left;
}
.box-1 {
width: 50%;
float: left;
position: relative;
padding-bottom: 50%;
}
.box-2 {
width: 25%;
float: left;
position: relative;
padding-bottom: 25%;
}
.box-3 {
width: 100%;
float: left;
position: relative;
padding-bottom: 100%;
}
.gradient {
width: 100%;
height: 100%;
position: absolute;
z-index: 98;
opacity: 0;
overflow: hidden;
}
.gradient:hover {
background: -webkit-linear-gradient(bottom, rgba(38,45,60,1) 0%,rgba(38,45,60,.3) 100%);
background: linear-gradient(to top, rgba(38,45,60,1) 0%,rgba(38,45,60,.3) 100%);
cursor: pointer;
opacity: 1;
}
.tweet {
width: 90%;
position: absolute;
z-index: 99;
bottom: 0;
padding: 5%;
}
/* TWITTER AVATARS */
.avatar {
background-size: cover !important;
}
.photo {
background-size: cover !important;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
/* USERS' NAMES */
.name {
font-weight: bold;
font-size: 14px;
line-height: 25px;
color: #fff;
display: inline-block;
}
/* TWITTER HANDLES */
.handle {
color: #0eabf4;
display: inline-block;
margin-left: 3px;
margin-right: 8px;
}
/* TWEET COPY */
.copy {
color: #fff;
opacity: 0.8;
margin-top: 5px;
display: block;
}
/* TWEET TIMESTAMPS */
.timestamp {
color: #fff;
opacity: 0.8;
display: inline-block;
}
.timestamp::before {
content: "\2022";
margin-right: 10px;
}
/* COMMON STYLES */
.name, .handle, .copy, .timestamp {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
}
/* WEBKIT HIDE/SHOW MAGIC */
.webkit-show {
height: auto !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
overflow: auto !important;
visibility: visible !important;
display: block !important;
}
.webkit-hide {
display: none !important;
}
.ptop50 {
padding-top: 50px !important;
}
.globe2 {
opacity: .8;
transition: opacity .3s ease-in-out;
-webkit-transition: opacity .5s ease-in-out;
}
.globe1, .globe3 {
opacity: .6;
transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
}
.globe1:hover, .globe2:hover, .globe3:hover {
opacity: 1;
}
#font-weight-normal {
font-weight: normal !important;
}
}
@media screen and (max-width: 1500px) and (-webkit-min-device-pixel-ratio: 0) {
.twelve-hide {
display: none;
}
.box-2 {
width: 50%;
padding-bottom: 50%;
}
.right {
float: right;
}
}
@media screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 0) {
.twelve-hide {
display: block;
}
.six-hide {
display: none;
}
.box-1, .box-2 {
width: 100%;
padding-bottom: 100%;
}
.gradient {
background: -webkit-linear-gradient(bottom, rgba(38,45,60,1) 0%,rgba(38,45,60,.3) 100%);
background: linear-gradient(to top, rgba(38,45,60,1) 0%,rgba(38,45,60,.3) 100%);
cursor: pointer;
opacity: 1;
}
}
@media screen and (max-width: 420px) and (-webkit-min-device-pixel-ratio: 0) {
.twelve-hide {
display: none;
}
.three-hide {
display: none;
}
.img-1, .img-2 {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 800px) {
.img-max {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.full-width {
max-width: 100% !important;
}
.mobile-hide {
display: none !important;
}
}
@media screen and (max-width: 480px) {
.globe {
width: 65% !important;
max-width: 65% !important;
height: auto !important;
}
.headline {
font-size: 30px !important;
line-height: 36px !important;
}
.sup {
font-size: 18px !important;
line-height: 18px !important;
}
.logo {
width: 85px !important;
height: auto !important;
}
.bg {
padding-top: 30px !important;
}
}
/* ANDROID CENTER FIX */
div[style*="margin: 16px 0;"] { margin: 0 !important; }
</style>
</head>
<body>
<!-- HIDDEN PREHEADER TEXT -->
<div style="display:none;font-size:1px;color:#444444;line-height:1px;font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">Think you know our third “surprise” city? Tweet, forward, and post to Community to reveal our newest TEDC location!</div>
<!-- CONTAINER TABLE -->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" bgcolor="#262d3c" style="padding: 20px 5% 70px 5%; background-color: #262d3c;" class="bg">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
<tr>
<td align="center" valign="top" width="800">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 800px;" align="center">
<tr>
<td align="center">
<div style="width: 0px; height: 0px; max-width: 0px; max-height: 0px; overflow: hidden; visibility: hidden; display: none;" class="gmail-show mobile-hide" summary="gmail-show">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td class="mobile-hide" width="20%" align="left" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="left" width="25" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 2px 5px 0 0;">
<img src="http://pages.litmus.com/l/31032/2015-12-04/5j9h1b/31032/77617/twiitah_icon.png" width="15" height="15" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px;">
</td>
<td align="left" width="150" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif">
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz5r/261744244" target="_blank" class="topline" style="color:#7f8c8d;font-size:12px;line-height:12px;text-decoration:none">Tweet</a>
</td>
</tr>
</table>
</td>
<td class="mobile-hide" width="50%" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif"> </td>
<td class="mobile-hide" width="30%" align="right" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="right" valign="bottom" width="25" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;padding: 0px 8px 0 40px;">
<img src="http://pages.litmus.com/l/31032/2015-12-04/5j9h1d/31032/77619/webversion.png" width="25" height="14" style="display:block;border:0px;font-family:Helvetica, Arial, sans-serif;display: block; border: 0px;">
</td>
<td align="left" valign="top" width="80" style="font-family:'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif">
<a href="http://pages.litmus.com/webmail/31032/261744244/183d8da0062a4c352c659a42b4005b6b" target="_blank" class="topline" style="color:#7f8c8d;font-size:12px;line-height:12px;text-decoration:none">View online</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td align="center" style="padding: 35px 0;">
<a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/79rz5f/261744244" target="_blank">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78wv7c/31032/85416/tedc16_logo.png" width="120" height="134" alt="#TEDC16" border="0" style="display: block; font-size: 20px; color: #ffffff; font-family: Helvetica, Arial, sans-serif;" class="logo"
/>
</a>
</td>
</tr>
<tr>
<td align="center" style="color: #ffffff; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 42px; line-height: 42px;" class="headline">The Email Design Conference <sup style="color: #95a5a6; font-size: 24px;" class="sup">’16</sup>
</td>
</tr>
<tr>
<td align="center" style="color: #7987ae; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 12px; line-height: 24px; letter-spacing: 1px; padding-top: 15px;" id="font-weight-normal">DESIGN • CODE • STRATEGY • PLANNING • WORKFLOW • ANALYTICS</td>
</tr>
<tr>
<td align="center" style="padding-top: 15px;">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78wv7h/31032/85418/line2.png" width="34" height="3" alt="" style="display: block;" />
</td>
</tr>
<tr>
<td align="center" style="padding-top: 20px;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="color: #7987ae; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 30px; padding-top: 3px;">Presented By</td>
<td style="padding-left: 10px; line-height: 30px;">
<a href="http://pages.litmus.com/e/31032/2016-03-23/79rz5t/261744244" target="_blank">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78x6hh/31032/85438/litmus_logo_tedc16.png" width="65" alt="" border="0" style="display: block;" />
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="color: #ffffff; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; padding-top: 50px;">Where in the world is
<a href="http://pages.litmus.com/e/31032/search-q-23tedc16-src-typd/79rz5w/261744244" target="_blank" style="color: #ffffff; text-decoration: none;">#TEDC16</a>?</td>
</tr>
<tr>
<td align="center" style="color: #95a5a6; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 10px 0 0 0;">We’re taking TEDC to 3 cities this year!
<br>(And we’re being super-secretive about the latest addition.)</td>
</tr>
<tr>
<td align="center" height="100%" valign="top" width="100%" style="padding-top: 15px;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
<tr>
<td align="center" valign="top" width="800">
<![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:800px;">
<tr>
<td align="center" valign="top" style="font-size:0;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
<tr>
<td align="left" valign="top" width="250">
<![endif]-->
<div style="display:inline-block; max-width:33.3333%; min-width:225px; vertical-align:top; width:100%;" class="full-width globe1">
<table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:250px;" class="full-width">
<tr>
<td align="center" style="color: #0eabf4; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; padding-top: 50px;">London</td>
</tr>
<tr>
<td align="center" style="color: #95a5a6; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 5px 0 0 0;">July 26-27, 2016
<br>etc.venues 155 Bishopsgate</td>
</tr>
<tr>
<td align="center" valign="top" style="padding-top: 25px;">
<a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/79rz5f/261744244" target="_blank">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78wv7p/31032/85426/globe_london.png" width="170" height="175" alt="big ben!" border="0" style="display: block; font-size: 16px; color: #0eabf4; font-family: Helvetica, Arial, sans-serif;" class="globe"
/>
</a>
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="25" style="font-size: 1px;"> </td>
<td align="center" valign="top" width="250">
<![endif]-->
<div style="display:inline-block; max-width:33.3333%; min-width:225px; vertical-align:top; width:100%;" class="full-width globe2">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:250px;" class="full-width">
<tr>
<td align="center" style="color: #0eabf4; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; padding-top: 50px;">Boston</td>
</tr>
<tr>
<td align="center" style="color: #95a5a6; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 5px 0 0 0;">August 15-17, 2016
<br>The Westin Boston Waterfront</td>
</tr>
<tr>
<td align="center" valign="top" style="padding-top: 25px;">
<a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/79rz5f/261744244" target="_blank">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78wv7t/31032/85430/globe_boston.png" width="225" height="225" alt="title town =P" border="0" style="display: block; font-size: 16px; color: #0eabf4; font-family: Helvetica, Arial, sans-serif;" class="globe"
/>
</a>
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="25" style="font-size: 1px;"> </td>
<td align="right" valign="top" width="250">
<![endif]-->
<div style="display:inline-block; max-width:33.3333%; min-width:225px; vertical-align:top; width:100%;" class="full-width globe3">
<table align="right" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:250px; float: right;" class="full-width">
<tr>
<td align="center" style="color: #0eabf4; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; padding-top: 50px;">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78wv7k/31032/85422/mystery_city.png" width="146" height="30" alt="secretses" style="display: block; font-size: 16px; color: #0eabf4; font-family: Helvetica, Arial, sans-serif;" border="0" class="webkit-hide"
/>
<div class="mystery-city"></div>
</td>
</tr>
<tr>
<td align="center" style="color: #95a5a6; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 5px 0 0 0;">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78wv7m/31032/85424/details.png" width="210" height="44" alt="secretses" style="display: block; font-size: 16px; color: #0eabf4; font-family: Helvetica, Arial, sans-serif;" border="0" class="webkit-hide"
/>
<div class="question"></div>
</td>
</tr>
<tr>
<td align="center" valign="top" style="padding-top: 30px;" class="ptop50">
<a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/79rz5f/261744244" target="_blank">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78wv7r/31032/85428/globe_mystery.png" width="140" height="141" alt="secretses" border="0" style="display: block; font-size: 16px; color: #0eabf4; font-family: Helvetica, Arial, sans-serif;" class="globe"
/>
</a>
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center" style="color: #ffffff; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; padding-top: 25px;">
<img src="http://pages.litmus.com/l/31032/2016-03-22/78wv7f/31032/85420/line.png" width="2" height="85" alt="" style="display: block;" />
</td>
</tr>
<tr>
<td align="center" style="color: #ffffff; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; padding-top: 25px;">Here’s how to reveal the surprise city and date:</td>
</tr>
<tr>
<td align="center" style="color: #95a5a6; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 10px 0 0 0;">(We could just tell you the third city, but where’s the fun in that?)</td>
</tr>
<tr>
<td align="center" style="color: #95a5a6; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 25px 0 0 0;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="left">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" align="center" bgcolor="#7987ae" style="border-radius: 25px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; color: #ffffff;background-color: #7987ae;display: inline-block;padding: 7px;width: 10px;height: 10px;line-height: 12px;font-size: 11px;">1</td>
</tr>
</table>
</td>
<td align="left" style="padding-left: 12px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; color: #95a5a6;">
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz5y/261744244" target="_blank" style="color: #95a5a6;">Tweet your guess</a> with the
<a href="http://pages.litmus.com/e/31032/search-q-23TEDC16-src-typd/79rz61/261744244" target="_blank" style="color: #95a5a6; text-decoration: none;">#TEDC16</a>hashtag</td>
</tr>
<tr>
<td align="left" style="padding-top: 10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" align="center" bgcolor="#7987ae" style="border-radius: 25px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; color: #ffffff;background-color: #7987ae;display: inline-block;padding: 7px;width: 10px;height: 10px;line-height: 12px;font-size: 11px;">2</td>
</tr>
</table>
</td>
<td align="left" style="padding-left: 12px; padding-top: 10px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; color: #95a5a6;">Forward this email to anyone you think will want to go to TEDC</td>
</tr>
<tr>
<td align="left" style="padding-top: 10px;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="top" align="center" bgcolor="#7987ae" style="border-radius: 25px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; color: #ffffff;background-color: #7987ae;display: inline-block;padding: 7px;width: 10px;height: 10px;line-height: 12px;font-size: 11px;">3</td>
</tr>
</table>
</td>
<td align="left" style="padding-left: 12px; padding-top: 10px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; color: #95a5a6;">
<a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/79rz5k/261744244" target="_blank" style="color: #95a5a6;">Tell us what you’d like to see at TEDC</a> (sessions, networking, food, anything!)</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="color: #95a5a6; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 25px 0 0 0;">Once we reach 500 shares, we’ll reveal the surprise city here in the email!</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center" bgcolor="#fafcfe" style="padding: 70px 5%; border-bottom: 2px solid #e4e9ee;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
<tr>
<td align="center" valign="top" width="800">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 800px;">
<tr>
<td align="center" style="color: #7987ae; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing: 1px;" id="font-weight-normal">SHARE TRACKER
<br> <span style="font-size: 11px; letter-spacing: 2px; color: #95a5a6 ; font-weight: normal;">( #TEDC16 TWEETS + EMAIL FORWARDS + DISCUSSION COMMENTS )</span>
</td>
</tr>
<tr>
<td align="center">
<!-- SHARE TRACKER: DYNAMIC IMAGE FALLBACK FOR NON-WEBKIT CLIENTS -->
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<img src="https://litmus-insights-2016.herokuapp.com/campaigns/tedc-2016/assets/progress.jpg" width="800" height="226" alt="enable images to see how close you are to knowing the secret city!" border="0" style="display: block; font-size: 20px; color: #525d5e; font-family: Helvetica, Arial, sans-serif;"
class="webkit-hide img-max" />
</a>
</td>
</tr>
<tr>
<td>
<!-- SHARE TRACKER: THIS IS WHERE THE TWITTER MAGIC STARTS -->
<!--[if (gte mso 9)|(IE)]>
<!-->
<div class="webkit-show" style="width: 0px; height: 0px; max-width: 0px; max-height: 0px; overflow: hidden; visibility: hidden; display: none;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center" style="padding: 25px 0;">
<div class="share-counter"></div><sup class="out-of"></sup>
</td>
</tr>
<tr>
<td align="center">
<table cellspacing="0" cellpadding="0" border="0" class="progress-bar">
<tr>
<td class="status-one round-left"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status"></td>
<td class="status round-right"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!--<![endif]-->
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center" bgcolor="#ffffff" style="padding: 70px 5% 50px 5%;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
<tr>
<td align="center" valign="top" width="800">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 800px;">
<tr>
<td align="center" style="color: #444e4f; font-weight: bold; font-family: 'proxima_nova_rgbold', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 30px; line-height: 36px;" id="font-weight-normal">Live Twitter Feed</td>
</tr>
<tr>
<td align="center" style="color: #525d5e; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 10px 0 0 0;">Tweet with
<a href="http://pages.litmus.com/e/31032/search-q-23TEDC16-src-typd/79rz61/261744244" target="_blank" style="color: #525d5e; text-decoration: none;">#TEDC16</a>and refresh to see your tweet + photo in the stream!</td>
</tr>
<tr>
<td align="center" style="padding: 25px 0 0 0;">
<!-- I LIKE BIG BUTTONS AND I CANNOT LIE -->
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td bgcolor="#539be1" style="border-radius: 3px;">
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" style="font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; display: inline-block; padding: 15px 25px; border: 1px solid #539be1; border-radius: 3px; background-color: #539be1; font-size: 18px;">Join the conversation →</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td bgcolor="#ffffff" style="padding: 0 5% 0 5%;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
<tr>
<td align="center" valign="top" width="800">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td align="center">
<!-- TWITTER FEED: DYNAMIC IMAGE FALLBACK FOR NON-WEBKIT CLIENTS -->
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<img src="https://litmus-insights-2016.herokuapp.com/campaigns/tedc-2016/assets/tweets.jpg" width="800" height="2000" alt="but first, let me take a cellfie (get it, cell-fie =P)" border="0" style="display: block; font-size: 20px; color: #525d5e; font-family: Helvetica, Arial, sans-serif;"
class="webkit-hide img-max" />
</a>
</td>
</tr>
<!-- TWITTER FEED: THIS IS WHERE THE TWITTER MAGIC STARTS -->
<!--[if (gte mso 9)|(IE)]>
<!-->
<tr>
<td>
<div class="wrapper">
<div class="img-1">
<a href="http://pages.litmus.com/e/31032/cktotweet-related-clicktotweet/79rz65/261744244" target="_blank">
<div class="box-1">
<div class="gradient">
<div class="tweet" id="tweet-1">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-1">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-2">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-2">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-3">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-3">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-4">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-4">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-5">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-5">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-6">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-6">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-7">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-7">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-1" style="float: right;">
<div class="gradient">
<div class="tweet" id="tweet-8">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-8">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-9">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-9">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-10">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-10">
<div class="avatar photo"></div>
</div>
</div>
</a>
</div>
<div class="img-2">
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-3">
<div class="gradient">
<div class="tweet" id="tweet-litmus">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-litmus">
<div class="avatar photo"></div>
</div>
</div>
</a>
</div>
<div class="img-1 three-hide">
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-1">
<div class="gradient">
<div class="tweet" id="tweet-12">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-12">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-13">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-13">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-14">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-14">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-15">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-15">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-16">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-16">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-17">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-17">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" class="twelve-hide">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-18">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-18">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" class="twelve-hide">
<div class="box-1" style="float: right;">
<div class="gradient">
<div class="tweet" id="tweet-19">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-19">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" class="twelve-hide">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-20">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-20">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" class="twelve-hide six-hide">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-21">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-21">
<div class="avatar photo"></div>
</div>
</div>
</a>
</div>
<div class="img-1 three-hide right">
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-1">
<div class="gradient">
<div class="tweet" id="tweet-22">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-22">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-23">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-23">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-24">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-24">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-25">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-25">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-26">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-26">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-27">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-27">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-28">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-28">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-1" style="float: right;">
<div class="gradient">
<div class="tweet" id="tweet-29">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-29">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-30">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-30">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-31">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-31">
<div class="avatar photo"></div>
</div>
</div>
</a>
</div>
<div class="img-2 three-hide">
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-3">
<div class="gradient">
<div class="tweet" id="tweet-11">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-11">
<div class="avatar photo"></div>
</div>
</div>
</a>
</div>
<div class="img-1 three-hide">
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-1">
<div class="gradient">
<div class="tweet" id="tweet-33">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-33">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-34">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-34">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-35">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-35">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-36">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-36">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-37">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-37">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-38">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-38">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" class="twelve-hide">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-39">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-39">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" class="twelve-hide">
<div class="box-1" style="float: right;">
<div class="gradient">
<div class="tweet" id="tweet-40">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-40">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" class="twelve-hide">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-41">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-41">
<div class="avatar photo"></div>
</div>
</div>
</a>
<a href="http://pages.litmus.com/e/31032/ear20http3A2F2Fbit-ly2F21wN7wa/79rz63/261744244" target="_blank" class="twelve-hide six-hide">
<div class="box-2">
<div class="gradient">
<div class="tweet" id="tweet-42">
<div class="name"></div>
<div class="handle"></div>
<div class="timestamp"></div>
<div class="copy"></div>
</div>
</div>
<div id="tweet-42">
<div class="avatar photo"></div>
</div>
</div>
</a>
</div>
</div>
</td>
</tr>
<!--<![endif]-->
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center" bgcolor="#ffffff" style="padding: 70px 5%;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
<tr>
<td align="center" valign="top" width="800">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 800px;">
<tr>
<td align="center" style="color: #525d5e; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 10px 0 0 0;">Want to be the first in line for tickets?
<a href="http://pages.litmus.com/e/31032/litmusapp/79rz5m/261744244" target="_blank" style="color: #525d5e;">Follow us on Twitter</a>—we’ll announce next week when they’re on sale!
<br>
<br>For more details on
<a href="http://pages.litmus.com/e/31032/search-q-23TEDC16-src-typd/79rz61/261744244" target="_blank" style="color: #525d5e; text-decoration: none;">#TEDC16</a>, visit our
<a href="http://pages.litmus.com/e/31032/source-pardot-utm-medium-email/79rz5f/261744244" target="_blank" style="color: #525d5e;">conference site</a>.</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td align="center" bgcolor="#fafcfe" style="padding: 70px 5%; border-top: 2px solid #e4e9ee;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="800">
<tr>
<td align="center" valign="top" width="800">
<![endif]-->
<table cellspacing="0" cellpadding="0" border="0" width="100%" style="max-width: 600px;">
<tr>
<td align="center" valign="middle">
<a href="http://pages.litmus.com/e/31032/2016-03-23/79rz67/261744244" target="_blank">
<img src="http://pages.litmus.com/l/31032/2014-04-17/2hs6f/31032/17328/litmus_logo_footer.png" width="30" height="30" border="0">
</a>
</td>
</tr>
<tr>
<td align="center" valign="middle" style="font-size: 13px; line-height: 18px; color:#999999; padding-top: 15px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;"> <span class="appleFooter" style="color: #999999;">675 Massachusetts Ave.<br>Cambridge, MA 02139, USA</span>
<br/>
<a href="http://pages.litmus.com/webmail/31032/261744244/183d8da0062a4c352c659a42b4005b6b" target="_blank" style="color:#999999;">View web version</a>
</td>
</tr>
<tr>
<td align="center" style="font-size: 13px; line-height: 18px; color:#999999; padding-top: 25px; font-family: 'proxima_nova_rgregular', Proxima Nova, Helvetica, Arial, sans-serif;">You’re receiving this email because you’ve signed up to receive updates from Litmus. If you’d prefer not to receive updates, you can
<a href="http://pages.litmus.com/emailPreference/31032/183d8da0062a4c352c659a42b4005b6b/261744244" style="color:#999999;">manage your preferences</a>or
<a href="http://pages.litmus.com/unsubscribe/u/31032/183d8da0062a4c352c659a42b4005b6b/261744244" style="color:#999999;">unsubscribe from all</a>.</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<style data-ignore-inlining>
@media print{ #_t { background-image: url('https://z1wrajf5.emltrk.com/z1wrajf5?p&d=mike@reallygoodemails.com');}} div.OutlookMessageHeader {background-image:url('https://z1wrajf5.emltrk.com/z1wrajf5?f&d=mike@reallygoodemails.com')} table.moz-email-headers-table {background-image:url('https://z1wrajf5.emltrk.com/z1wrajf5?f&d=mike@reallygoodemails.com')} blockquote #_t {background-image:url('https://z1wrajf5.emltrk.com/z1wrajf5?f&d=mike@reallygoodemails.com')} #MailContainerBody #_t {background-image:url('https://z1wrajf5.emltrk.com/z1wrajf5?f&d=mike@reallygoodemails.com')}
</style>
<div id="_t"></div>
<img src="https://z1wrajf5.emltrk.com/z1wrajf5?d=mike@reallygoodemails.com" width="1" height="1" border="0" />
<img alt="" src="http://pages.litmus.com/r/31032/1/261744244/open/1" />
<style>
@media print{ #_t { background-image: url('https://ebx1d7r8.emltrk.com/ebx1d7r8?p');}} div.OutlookMessageHeader {background-image:url('https://ebx1d7r8.emltrk.com/ebx1d7r8?f')} table.moz-email-headers-table {background-image:url('https://ebx1d7r8.emltrk.com/ebx1d7r8?f')} blockquote #_t {background-image:url('https://ebx1d7r8.emltrk.com/ebx1d7r8?f')} #MailContainerBody #_t {background-image:url('https://ebx1d7r8.emltrk.com/ebx1d7r8?f')}
</style>
<div id="_t"></div>
</body>
</html>
</body></html>
