<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/GjWorp?limit=all&page=9&q=sms" />
<style class="cp-pen-styles"></style></head><body>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE]>
<html xmlns="http://www.w3.org/1999/xhtml" class="ie">
<![endif]-->
<!--[if !IE]><!-->
<html style="margin: 0;padding: 0;" xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--[if !mso]>
<!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta name="viewport" content="width=device-width">
<style type="text/css">
@media only screen and (min-width: 620px){* [lang=x-wrapper] h1{}* [lang=x-wrapper] h1{font-size:26px !important;line-height:34px !important}* [lang=x-wrapper] h2{}* [lang=x-wrapper] h2{font-size:20px !important;line-height:28px !important}* [lang=x-wrapper] h3{}* [lang=x-layout__inner] p,* [lang=x-layout__inner] ol,* [lang=x-layout__inner] ul{}* div [lang=x-size-8]{font-size:8px !important;line-height:14px !important}* div [lang=x-size-9]{font-size:9px !important;line-height:16px !important}* div [lang=x-size-10]{font-size:10px !important;line-height:18px !important}* div [lang=x-size-11]{font-size:11px !important;line-height:19px !important}* div [lang=x-size-12]{font-size:12px !important;line-height:19px !important}* div [lang=x-size-13]{font-size:13px !important;line-height:21px !important}* div [lang=x-size-14]{font-size:14px !important;line-height:21px !important}* div
[lang=x-size-15]{font-size:15px !important;line-height:23px !important}* div [lang=x-size-16]{font-size:16px !important;line-height:24px !important}* div [lang=x-size-17]{font-size:17px !important;line-height:26px !important}* div [lang=x-size-18]{font-size:18px !important;line-height:26px !important}* div [lang=x-size-18]{font-size:18px !important;line-height:26px !important}* div [lang=x-size-20]{font-size:20px !important;line-height:28px !important}* div [lang=x-size-22]{font-size:22px !important;line-height:31px !important}* div [lang=x-size-24]{font-size:24px !important;line-height:32px !important}* div [lang=x-size-26]{font-size:26px !important;line-height:34px !important}* div [lang=x-size-28]{font-size:28px !important;line-height:36px !important}* div [lang=x-size-30]{font-size:30px !important;line-height:38px !important}* div [lang=x-size-32]{font-size:32px
!important;line-height:40px !important}* div [lang=x-size-34]{font-size:34px !important;line-height:43px !important}* div [lang=x-size-36]{font-size:36px !important;line-height:43px !important}* div [lang=x-size-40]{font-size:40px !important;line-height:47px !important}* div [lang=x-size-44]{font-size:44px !important;line-height:50px !important}* div [lang=x-size-48]{font-size:48px !important;line-height:54px !important}* div [lang=x-size-56]{font-size:56px !important;line-height:60px !important}* div [lang=x-size-64]{font-size:64px !important;line-height:63px !important}}
</style>
<style type="text/css">
body {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
table-layout: fixed;
}
* {
line-height: inherit;
}
[x-apple-data-detectors],
[href^="tel"],
[href^="sms"] {
color: inherit !important;
text-decoration: none !important;
}
.wrapper .footer__share-button a:hover,
.wrapper .footer__share-button a:focus {
color: #ffffff !important;
}
.btn a:hover,
.btn a:focus,
.footer__share-button a:hover,
.footer__share-button a:focus,
.email-footer__links a:hover,
.email-footer__links a:focus {
opacity: 0.8;
}
.preheader,
.header,
.layout,
.column {
transition: width 0.25s ease-in-out, max-width 0.25s ease-in-out;
}
.layout,
.header {
max-width: 400px !important;
-fallback-width: 95% !important;
width: calc(100% - 20px) !important;
}
div.preheader {
max-width: 360px !important;
-fallback-width: 90% !important;
width: calc(100% - 60px) !important;
}
.snippet,
.webversion {
Float: none !important;
}
.column {
max-width: 400px !important;
width: 100% !important;
}
.fixed-width.has-border {
max-width: 402px !important;
}
.fixed-width.has-border .layout__inner {
box-sizing: border-box;
}
.snippet,
.webversion {
width: 50% !important;
}
.ie .btn {
width: 100%;
}
.ie .column,
[owa] .column,
.ie .gutter,
[owa] .gutter {
display: table-cell;
float: none !important;
vertical-align: top;
}
.ie div.preheader,
[owa] div.preheader,
.ie .email-footer,
[owa] .email-footer {
max-width: 560px !important;
width: 560px !important;
}
.ie .snippet,
[owa] .snippet,
.ie .webversion,
[owa] .webversion {
width: 280px !important;
}
.ie .header,
[owa] .header,
.ie .layout,
[owa] .layout,
.ie .one-col .column,
[owa] .one-col .column {
max-width: 600px !important;
width: 600px !important;
}
.ie .fixed-width.has-border,
[owa] .fixed-width.has-border,
.ie .has-gutter.has-border,
[owa] .has-gutter.has-border {
max-width: 602px !important;
width: 602px !important;
}
.ie .two-col .column,
[owa] .two-col .column {
width: 300px !important;
}
.ie .three-col .column,
[owa] .three-col .column,
.ie .narrow,
[owa] .narrow {
width: 200px !important;
}
.ie .wide,
[owa] .wide {
width: 400px !important;
}
.ie .two-col.has-gutter .column,
[owa] .two-col.x_has-gutter .column {
width: 290px !important;
}
.ie .three-col.has-gutter .column,
[owa] .three-col.x_has-gutter .column,
.ie .has-gutter .narrow,
[owa] .has-gutter .narrow {
width: 188px !important;
}
.ie .has-gutter .wide,
[owa] .has-gutter .wide {
width: 394px !important;
}
.ie .two-col.has-gutter.has-border .column,
[owa] .two-col.x_has-gutter.x_has-border .column {
width: 292px !important;
}
.ie .three-col.has-gutter.has-border .column,
[owa] .three-col.x_has-gutter.x_has-border .column,
.ie .has-gutter.has-border .narrow,
[owa] .has-gutter.x_has-border .narrow {
width: 190px !important;
}
.ie .has-gutter.has-border .wide,
[owa] .has-gutter.x_has-border .wide {
width: 396px !important;
}
.ie .fixed-width .layout__inner {
border-left: 0 none white !important;
border-right: 0 none white !important;
}
.ie .layout__edges {
display: none;
}
.mso .layout__edges {
font-size: 0;
}
.layout-fixed-width,
.mso .layout-full-width {
background-color: #ffffff;
}
@media only screen and (min-width: 620px) {
.column,
.gutter {
display: table-cell;
Float: none !important;
vertical-align: top;
}
div.preheader,
.email-footer {
max-width: 560px !important;
width: 560px !important;
}
.snippet,
.webversion {
width: 280px !important;
}
.header,
.layout,
.one-col .column {
max-width: 600px !important;
width: 600px !important;
}
.fixed-width.has-border,
.fixed-width.ecxhas-border,
.has-gutter.has-border,
.has-gutter.ecxhas-border {
max-width: 602px !important;
width: 602px !important;
}
.two-col .column {
width: 300px !important;
}
.three-col .column,
.column.narrow {
width: 200px !important;
}
.column.wide {
width: 400px !important;
}
.two-col.has-gutter .column,
.two-col.ecxhas-gutter .column {
width: 290px !important;
}
.three-col.has-gutter .column,
.three-col.ecxhas-gutter .column,
.has-gutter .narrow {
width: 188px !important;
}
.has-gutter .wide {
width: 394px !important;
}
.two-col.has-gutter.has-border .column,
.two-col.ecxhas-gutter.ecxhas-border .column {
width: 292px !important;
}
.three-col.has-gutter.has-border .column,
.three-col.ecxhas-gutter.ecxhas-border .column,
.has-gutter.has-border .narrow,
.has-gutter.ecxhas-border .narrow {
width: 190px !important;
}
.has-gutter.has-border .wide,
.has-gutter.ecxhas-border .wide {
width: 396px !important;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.fblike {
background-image: url(http://i3.cmail19.com/static/eb/customise/13-the-blueprint-3/images/fblike@2x.png) !important;
}
.tweet {
background-image: url(http://i4.cmail19.com/static/eb/customise/13-the-blueprint-3/images/tweet@2x.png) !important;
}
.linkedinshare {
background-image: url(http://i6.cmail19.com/static/eb/customise/13-the-blueprint-3/images/lishare@2x.png) !important;
}
.forwardtoafriend {
background-image: url(http://i5.cmail19.com/static/eb/customise/13-the-blueprint-3/images/forward@2x.png) !important;
}
}
@media (max-width: 321px) {
.fixed-width.has-border .layout__inner {
border-width: 1px 0 !important;
}
.layout,
.column {
min-width: 320px !important;
width: 320px !important;
}
.border {
display: none;
}
}
.mso div {
border: 0 none white !important;
}
.mso .w560 .divider {
Margin-left: 260px !important;
Margin-right: 260px !important;
}
.mso .w360 .divider {
Margin-left: 160px !important;
Margin-right: 160px !important;
}
.mso .w260 .divider {
Margin-left: 110px !important;
Margin-right: 110px !important;
}
.mso .w160 .divider {
Margin-left: 60px !important;
Margin-right: 60px !important;
}
.mso .w354 .divider {
Margin-left: 157px !important;
Margin-right: 157px !important;
}
.mso .w250 .divider {
Margin-left: 105px !important;
Margin-right: 105px !important;
}
.mso .w148 .divider {
Margin-left: 54px !important;
Margin-right: 54px !important;
}
.mso .font-avenir,
.mso .font-cabin,
.mso .font-open-sans,
.mso .font-ubuntu {
font-family: sans-serif !important;
}
.mso .font-bitter,
.mso .font-merriweather,
.mso .font-pt-serif {
font-family: Georgia, serif !important;
}
.mso .font-lato,
.mso .font-roboto {
font-family: Tahoma, sans-serif !important;
}
.mso .font-pt-sans {
font-family: "Trebuchet MS", sans-serif !important;
}
.mso .footer__share-button p {
margin: 0;
}
@media only screen and (min-width: 620px) {
.wrapper .size-8 {
font-size: 8px !important;
line-height: 14px !important;
}
.wrapper .size-9 {
font-size: 9px !important;
line-height: 16px !important;
}
.wrapper .size-10 {
font-size: 10px !important;
line-height: 18px !important;
}
.wrapper .size-11 {
font-size: 11px !important;
line-height: 19px !important;
}
.wrapper .size-12 {
font-size: 12px !important;
line-height: 19px !important;
}
.wrapper .size-13 {
font-size: 13px !important;
line-height: 21px !important;
}
.wrapper .size-14 {
font-size: 14px !important;
line-height: 21px !important;
}
.wrapper .size-15 {
font-size: 15px !important;
line-height: 23px !important;
}
.wrapper .size-16 {
font-size: 16px !important;
line-height: 24px !important;
}
.wrapper .size-17 {
font-size: 17px !important;
line-height: 26px !important;
}
.wrapper .size-18 {
font-size: 18px !important;
line-height: 26px !important;
}
.wrapper .size-20 {
font-size: 20px !important;
line-height: 28px !important;
}
.wrapper .size-22 {
font-size: 22px !important;
line-height: 31px !important;
}
.wrapper .size-24 {
font-size: 24px !important;
line-height: 32px !important;
}
.wrapper .size-26 {
font-size: 26px !important;
line-height: 34px !important;
}
.wrapper .size-28 {
font-size: 28px !important;
line-height: 36px !important;
}
.wrapper .size-30 {
font-size: 30px !important;
line-height: 38px !important;
}
.wrapper .size-32 {
font-size: 32px !important;
line-height: 40px !important;
}
.wrapper .size-34 {
font-size: 34px !important;
line-height: 43px !important;
}
.wrapper .size-36 {
font-size: 36px !important;
line-height: 43px !important;
}
.wrapper .size-40 {
font-size: 40px !important;
line-height: 47px !important;
}
.wrapper .size-44 {
font-size: 44px !important;
line-height: 50px !important;
}
.wrapper .size-48 {
font-size: 48px !important;
line-height: 54px !important;
}
.wrapper .size-56 {
font-size: 56px !important;
line-height: 60px !important;
}
.wrapper .size-64 {
font-size: 64px !important;
line-height: 63px !important;
}
}
.mso .size-8,
.ie .size-8 {
font-size: 8px !important;
line-height: 14px !important;
}
.mso .size-9,
.ie .size-9 {
font-size: 9px !important;
line-height: 16px !important;
}
.mso .size-10,
.ie .size-10 {
font-size: 10px !important;
line-height: 18px !important;
}
.mso .size-11,
.ie .size-11 {
font-size: 11px !important;
line-height: 19px !important;
}
.mso .size-12,
.ie .size-12 {
font-size: 12px !important;
line-height: 19px !important;
}
.mso .size-13,
.ie .size-13 {
font-size: 13px !important;
line-height: 21px !important;
}
.mso .size-14,
.ie .size-14 {
font-size: 14px !important;
line-height: 21px !important;
}
.mso .size-15,
.ie .size-15 {
font-size: 15px !important;
line-height: 23px !important;
}
.mso .size-16,
.ie .size-16 {
font-size: 16px !important;
line-height: 24px !important;
}
.mso .size-17,
.ie .size-17 {
font-size: 17px !important;
line-height: 26px !important;
}
.mso .size-18,
.ie .size-18 {
font-size: 18px !important;
line-height: 26px !important;
}
.mso .size-20,
.ie .size-20 {
font-size: 20px !important;
line-height: 28px !important;
}
.mso .size-22,
.ie .size-22 {
font-size: 22px !important;
line-height: 31px !important;
}
.mso .size-24,
.ie .size-24 {
font-size: 24px !important;
line-height: 32px !important;
}
.mso .size-26,
.ie .size-26 {
font-size: 26px !important;
line-height: 34px !important;
}
.mso .size-28,
.ie .size-28 {
font-size: 28px !important;
line-height: 36px !important;
}
.mso .size-30,
.ie .size-30 {
font-size: 30px !important;
line-height: 38px !important;
}
.mso .size-32,
.ie .size-32 {
font-size: 32px !important;
line-height: 40px !important;
}
.mso .size-34,
.ie .size-34 {
font-size: 34px !important;
line-height: 43px !important;
}
.mso .size-36,
.ie .size-36 {
font-size: 36px !important;
line-height: 43px !important;
}
.mso .size-40,
.ie .size-40 {
font-size: 40px !important;
line-height: 47px !important;
}
.mso .size-44,
.ie .size-44 {
font-size: 44px !important;
line-height: 50px !important;
}
.mso .size-48,
.ie .size-48 {
font-size: 48px !important;
line-height: 54px !important;
}
.mso .size-56,
.ie .size-56 {
font-size: 56px !important;
line-height: 60px !important;
}
.mso .size-64,
.ie .size-64 {
font-size: 64px !important;
line-height: 63px !important;
}
.footer__share-button p {
margin: 0;
}
</style>
<title></title>
<!--[if !mso]>
<!-->
<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic);
</style>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!--<![endif]-->
<style type="text/css">
body{background-color:#f7f7f7}.mso h1{}.mso h2{}.mso h3{}.mso .column,.mso .column__background td{}.mso .column,.mso .column__background td{font-family:Tahoma,sans-serif !important}.mso .btn a{}.mso .btn a{font-family:Tahoma,sans-serif !important}.mso .webversion,.mso .snippet,.mso .layout-email-footer td,.mso .footer__share-button p{}.mso .webversion,.mso .snippet,.mso .layout-email-footer td,.mso .footer__share-button p{font-family:Tahoma,sans-serif !important}.mso .logo{}.mso .logo{font-family:Tahoma,sans-serif !important}.logo a:hover,.logo a:focus{color:#859bb1 !important}.mso .layout-has-border{border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4}.mso .layout-has-bottom-border{border-bottom:1px solid #c4c4c4}.mso .border,.ie .border{background-color:#c4c4c4}@media only screen and (min-width: 620px){.wrapper h1{}.wrapper h1{font-size:26px !important;line-height:34px
!important}.wrapper h2{}.wrapper h2{font-size:20px !important;line-height:28px !important}.wrapper h3{}.column p,.column ol,.column ul{}}.mso h1,.ie h1{}.mso h1,.ie h1{font-size:26px !important;line-height:34px !important}.mso h2,.ie h2{}.mso h2,.ie h2{font-size:20px !important;line-height:28px !important}.mso h3,.ie h3{}.mso .layout__inner p,.ie .layout__inner p,.mso .layout__inner ol,.ie .layout__inner ol,.mso .layout__inner ul,.ie .layout__inner ul{}
</style>
</head>
<!--[if mso]>
<body class="mso">
<![endif]-->
<!--[if !mso]>
<!-->
<body class="half-padding" style="margin: 0;padding: 0;-webkit-text-size-adjust: 100%;">
<!--<![endif]-->
<div class="wrapper" style="min-width: 320px;background-color: #f7f7f7;" lang="x-wrapper">
<div class="preheader" style="Margin: 0 auto;max-width: 560px;min-width: 280px; width: 280px;width: calc(28000% - 173040px);">
<div style="border-collapse: collapse;display: table;width: 100%;">
<!--[if (mso)|(IE)]>
<table align="center" class="preheader" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 280px" valign="top">
<![endif]-->
<div class="snippet" style="display: table-cell;Float: left;font-size: 12px;line-height: 19px;max-width: 280px;min-width: 140px; width: 140px;width: calc(14000% - 78120px);padding: 10px 0 5px 0;color: #f7f7f7;font-family: Roboto,Tahoma,sans-serif;"></div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 280px" valign="top">
<![endif]-->
<div class="webversion" style="display: table-cell;Float: left;font-size: 12px;line-height: 19px;max-width: 280px;min-width: 139px; width: 139px;width: calc(14100% - 78680px);padding: 10px 0 5px 0;text-align: right;color: #f7f7f7;font-family: Roboto,Tahoma,sans-serif;"></div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="background-color: #fe4c44;background-position: 0px 0px;background-image: url(http://i1.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/email-background2.jpg);background-repeat: repeat;">
<div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="layout-full-width" style="background-color: #fe4c44;background-position: 0px 0px;background-image: url(http://i1.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/email-background2.jpg);background-repeat: repeat;">
<td class="layout__edges"> </td>
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
<div style="line-height:20px;font-size:1px"> </div>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/?utm_campaign=reallygoodemails-newsletter&utm_medium=email&utm_source=ReallyGoodEmails">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="We're in San Francisco this week for TEDC! Come find us and say hi!" width="600" src="http://i1.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/header_RGE-logo.png">
</a>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;Margin-bottom: 12px;">
<div style="line-height:1px;font-size:1px"> </div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td class="layout__edges"> </td>
</tr>
</table>
<![endif]-->
</div>
</div>
</div>
<div style="background-color: #fe4c44;background-position: 0px 0px;background-image: url(http://i2.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/email-background1.jpg);background-repeat: repeat;">
<div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="layout-full-width" style="background-color: #fe4c44;background-position: 0px 0px;background-image: url(http://i2.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/email-background1.jpg);background-repeat: repeat;">
<td class="layout__edges"> </td>
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="" width="600" src="http://i2.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/top-rounded3.png">
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td class="layout__edges"> </td>
</tr>
</table>
<![endif]-->
</div>
</div>
</div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #fff;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #fff;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
<div style="line-height:5px;font-size:1px"> </div>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<div style="line-height:10px;font-size:1px"> </div>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<h1 class="size-36" style="Margin-top: 0;Margin-bottom: 20px;font-style: normal;font-weight: normal;color: #434547;font-size: 30px;line-height: 38px;text-align: center;" lang="x-size-36"><strong><span>Come Say Hi!</span></strong></h1>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<p class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-size: 17px;line-height: 26px;" lang="x-size-20">
<font color="#555555">Today kicks off the third edition of this little thing called The Email Design Conference. Email geeks already gathered in London and Boston to discuss all things related to pressing the send button. Now, it's time for the west coast peeps
to take part in the shenanigans. </font>
</p>
<p class="size-20" style="Margin-top: 20px;Margin-bottom: 20px;font-size: 17px;line-height: 26px;" lang="x-size-20">
<font color="#555555">If you're in San Francisco for TEDC today and tomorrow, come say hi! Sean will be repping our west coast team. </font>
</p>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<div style="line-height:25px;font-size:1px"> </div>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 600px;" alt="" width="600" src="http://i3.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/smiley-face.png">
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;Margin-bottom: 12px;">
<div style="line-height:5px;font-size:1px"> </div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="background-color: #f7f7f7;">
<div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="layout-full-width" style="background-color: #f7f7f7;">
<td class="layout__edges"> </td>
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="" width="600" src="http://i4.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/rounded-bottom_articles-fancy1.png">
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td class="layout__edges"> </td>
</tr>
</table>
<![endif]-->
</div>
</div>
</div>
<div style="line-height:40px;font-size:40px;"> </div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #f7f7f7;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #f7f7f7;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 600px;" alt="" width="600" src="http://i5.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/incoming-emails-icon3.png">
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;">
<div style="line-height:1px;font-size:1px"> </div>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="" width="600" src="http://i6.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/divider2.png">
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;">
<p class="size-16" style="Margin-top: 0;Margin-bottom: 20px;font-size: 16px;line-height: 24px;text-align: center;" lang="x-size-16"><span style="color:#434547"><strong>OUR LATEST REALLY GOOD EMAILS</strong></span>
</p>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-bottom: 12px;">
<p class="size-18" style="Margin-top: 0;Margin-bottom: 0;font-size: 17px;line-height: 26px;text-align: left;" lang="x-size-18"><span style="color:#555555">Every week we publish really good emails that we find. If you haven't been to our site in a while, come back for a visit and check out our latest additions, including emails from these fine people!</span>
</p>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="line-height:20px;font-size:20px;"> </div>
<div class="layout three-col has-gutter" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 188px" valign="top" class="w148">
<![endif]-->
<div class="column" style="Float: left;max-width: 320px;min-width: 188px; width: 320px;width: calc(79388px - 13200%);">
<table class="column__background" style="border-collapse: collapse;table-layout: fixed;background-color: #f7f7f7;" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/receipt/your-relay-receipt-order-xxxxxx/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top" style="border: 0;display: block;height: auto;width: 100%;max-width: 376px;" alt="Email by Relay Foods" width="188" src="http://i7.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/Snapshot8.png">
</a>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;Margin-top: 20px;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/ecommerce/you-up/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 376px;" alt="Email by American Apparel" width="188" src="http://i8.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/Snapshot5.png">
</a>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;Margin-top: 20px;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/social/double-tap/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 376px;" alt="Email by Warby Parker" width="188" src="http://i9.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/Snapshot21.png">
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 18px">
<![endif]-->
<div class="gutter" style="Float: left;width: 18px;"> </div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 188px" valign="top" class="w148">
<![endif]-->
<div class="column" style="Float: left;max-width: 320px;min-width: 188px; width: 320px;width: calc(79388px - 13200%);">
<table class="column__background" style="border-collapse: collapse;table-layout: fixed;background-color: #f7f7f7;" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/ecommerce/the-nordstrom-anniversary-sale-is-here/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top" style="border: 0;display: block;height: auto;width: 100%;max-width: 376px;" alt="Email by Nortstrom" width="188" src="http://i10.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/Snapshot7.png">
</a>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;Margin-top: 20px;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/ecommerce/complete-your-order-with-google-express/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 376px;" alt="Email by Google" width="188" src="http://i1.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/Snapshot31.png">
</a>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;Margin-top: 20px;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/product-update/reallygoodemails-your-nextdoor-greater-sullivan-recommendations-just-got-an-update/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 376px;" alt="Email by Nextdoor" width="188" src="http://i2.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/Snapshot41.png">
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 18px">
<![endif]-->
<div class="gutter" style="Float: left;width: 18px;"> </div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 188px" valign="top" class="w148">
<![endif]-->
<div class="column" style="Float: left;max-width: 320px;min-width: 188px; width: 320px;width: calc(79388px - 13200%);">
<table class="column__background" style="border-collapse: collapse;table-layout: fixed;background-color: #f7f7f7;" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/abandoned-cart/did-you-forget-something/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top" style="border: 0;display: block;height: auto;width: 100%;max-width: 376px;" alt="Email by Casper" width="188" src="http://i3.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/Snapshot6.png">
</a>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;Margin-top: 20px;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/social/oh-shit-the-black-tux/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 376px;" alt="Email by The Black Tux" width="188" src="http://i4.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/Snapshot11.png">
</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="line-height:15px;font-size:15px;"> </div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #f7f7f7;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #f7f7f7;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
<div class="btn btn--flat btn--large" style="Margin-bottom: 20px;text-align: center;">
<![if !mso]>
<a style="border-radius: 4px;display: inline-block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 12px 24px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #fff;background-color: #fe4c44;font-family: Roboto, Tahoma, sans-serif;"
href="http://reallygoodemails.com/?utm_campaign=reallygoodemails-newsletter&utm_medium=email&utm_source=ReallyGoodEmails">LOAD MORE EMAILS</a>
<![endif]>
<!--[if mso]>
<p style="line-height:0;margin:0;"> </p>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://reallygoodemails.com/?utm_campaign=reallygoodemails-newsletter&utm_medium=email&utm_source=ReallyGoodEmails"
style="width:178px" arcsize="9%" fillcolor="#FE4C44" stroke="f">
<v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
<center style="font-size:14px;line-height:24px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">LOAD MORE
<br>EMAILS</center>
</v:textbox>
</v:roundrect>
<![endif]-->
</div>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<div style="line-height:30px;font-size:1px"> </div>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 600px;" alt="" width="600" src="http://i5.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/paper-airplanes-icon1.png">
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;Margin-top: 20px;" align="center">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="" width="600" src="http://i6.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/divider3.png">
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;">
<p class="size-16" style="Margin-top: 0;Margin-bottom: 20px;font-size: 16px;line-height: 24px;text-align: center;" lang="x-size-16"><span style="color:#434547"><strong>STUFF WE THOUGHT YOU'D LIKE</strong></span>
</p>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="" width="600" src="http://i7.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/top-rounded4.png">
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #ffffff;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #ffffff;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
<p class="size-14" style="Margin-top: 0;Margin-bottom: 20px;font-size: 14px;line-height: 21px;" lang="x-size-14"><span style="color:#434547"><strong>FEATURED</strong></span>
</p>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<h2 style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 17px;line-height: 26px;"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="https://www.emailonacid.com/blog/article/industry-news/gmail-announces-style-and-media-query-support-what-this-means-for-you"><span style="color:#ff0d00">Gmail Announces Support for Embedded Styles and Media Queries</span></a></h2>
<p style="Margin-top: 16px;Margin-bottom: 0;"><span style="color:#555555"><em>via Email on Acid</em></span>
</p>
<p class="size-16" style="Margin-top: 20px;Margin-bottom: 0;font-size: 16px;line-height: 24px;" lang="x-size-16"><strong>Have you heard the good news?</strong> Gmail has long been a thorn in the side of email developers everywhere. Their client's lack of support for embedded CSS <em>(in the <head> of an email)</em> has been the main reason that
all styles must be inlined before sending. </p>
<p class="size-16" style="Margin-top: 20px;Margin-bottom: 20px;font-size: 16px;line-height: 24px;" lang="x-size-16">No longer! Gmail is about to make a major update to how their email client handles code. Read on to find out what changes will be made and how it might affect your emails.
</p>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<div class="btn btn--ghost btn--large" style="Margin-bottom: 20px;text-align: center;">
<![if !mso]>
<a style="border-radius: 4px;display: inline-block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 12px 24px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #ff0d00 !important;border: 1px solid #fe4c44;font-family: Roboto, Tahoma, sans-serif;"
href="https://www.emailonacid.com/blog/article/industry-news/gmail-announces-style-and-media-query-support-what-this-means-for-you">EMAIL GEEKS REJOICE</a>
<![endif]>
<!--[if mso]>
<p style="line-height:0;margin:0;"> </p>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://www.emailonacid.com/blog/article/industry-news/gmail-announces-style-and-media-query-support-what-this-means-for-you"
style="width:196px" arcsize="8%" filled="f" strokecolor="#FE4C44" strokeweight="1px">
<v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
<center style="font-size:14px;line-height:24px;color:#FF0D00;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">EMAIL GEEKS
<br>REJOICE</center>
</v:textbox>
</v:roundrect>
<![endif]-->
</div>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-bottom: 12px;">
<div style="line-height:5px;font-size:1px"> </div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #ffffff;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #ffffff;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 600px;" alt="" width="600" src="http://i8.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/rocket-divider3.png">
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;Margin-bottom: 12px;">
<div style="line-height:5px;font-size:1px"> </div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout two-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #fff;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #fff;">
<td style="width: 300px" valign="top" class="w260">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 300px; width: 320px;width: calc(12300px - 2000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<h2 class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 17px;line-height: 26px;" lang="x-size-20"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="https://www.emailonacid.com/blog/article/email-development/tutorial-css-fixed-positioning-in-interactive-email"><span style="color:#ff0d00">Tutorial: CSS Fixed Positioning in Interactive Email</span></a></h2>
<p style="Margin-top: 16px;Margin-bottom: 0;"><span style="color:#555555"><em>via Email on Acid</em></span>
</p>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 300px" valign="top" class="w260">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 300px; width: 320px;width: calc(12300px - 2000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<h2 class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 17px;line-height: 26px;" lang="x-size-20"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="https://zurb.com/playground/slinky"><span style="color:#ff0d00">SLINKY: Slinging Responsive Emails from the Cloud</span></a></h2>
<p style="Margin-top: 16px;Margin-bottom: 0;"><span style="color:#555555"><em>via ZURB</em></span>
</p>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout two-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #fff;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #fff;">
<td style="width: 300px" valign="top" class="w260">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 300px; width: 320px;width: calc(12300px - 2000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<h2 class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 17px;line-height: 26px;" lang="x-size-20"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="https://movableink.com/blog/what-ios-10-means-for-email-marketers-and-what-you-can-do/"><span style="color:#ff0d00">What iOS 10 Means for Email Marketers (And What You Can Do)</span></a></h2>
<h2 class="size-14" style="Margin-top: 16px;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 14px;line-height: 21px;" lang="x-size-14"><span style="color:#555555"><em>via Movable Ink</em></span></h2>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 300px" valign="top" class="w260">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 300px; width: 320px;width: calc(12300px - 2000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<h2 class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 17px;line-height: 26px;" lang="x-size-20"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://conversionxl.com/research-study/visual-cue-study/"><span style="color:#ff0d00">Which Visual Cues Work Best To Drive Attention?</span></a></h2>
<h2 class="size-14" style="Margin-top: 16px;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 14px;line-height: 21px;" lang="x-size-14"><span style="color:#555555"><em>via ConversionXL</em></span></h2>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout two-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #fff;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #fff;">
<td style="width: 300px" valign="top" class="w260">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 300px; width: 320px;width: calc(12300px - 2000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<h2 class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 17px;line-height: 26px;" lang="x-size-20"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="https://hackernoon.com/how-to-reduce-incorrect-email-addresses-df3b70cb15a9?gi=a2dcb61f79ca"><span style="color:#fe4c44">How to Reduce Incorrect Email Addresses</span></a></h2>
<p style="Margin-top: 16px;Margin-bottom: 0;"><span style="color:#555555"><em>via Hacker Noon</em></span>
</p>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 300px" valign="top" class="w260">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 300px; width: 320px;width: calc(12300px - 2000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<h2 class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 17px;line-height: 26px;" lang="x-size-20"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://email.reallygoodemails.com/t/i-l-kihdkhk-oiiwaty-a/"><span style="color:#ff0d00">RE: Misleading Subject Lines</span></a></h2>
<h2 class="size-14" style="Margin-top: 16px;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #fe4c44;font-size: 14px;line-height: 21px;" lang="x-size-14"><span style="color:#555555"><em>via Litmus</em></span></h2>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #ffffff;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #ffffff;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<div style="line-height:10px;font-size:1px"> </div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="background-color: #f7f7f7;">
<div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="layout-full-width" style="background-color: #f7f7f7;">
<td class="layout__edges"> </td>
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="" width="600" src="http://i9.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/rounded-bottom_articles-fancy1.png">
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td class="layout__edges"> </td>
</tr>
</table>
<![endif]-->
</div>
</div>
</div>
<div style="line-height:40px;font-size:40px;"> </div>
<div style="background-color: #f7f7f7;">
<div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="layout-full-width" style="background-color: #f7f7f7;">
<td class="layout__edges"> </td>
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="https://www.campaignmonitor.com/?utm_campaign=reallygoodemails-newsletter&utm_source=ReallyGoodEmails&utm_medium=email">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="Campaign Monitor - Your really goodness makes this newsletter possible."
width="600" src="http://i10.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/campaignmonitor1.jpg">
</a>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td class="layout__edges"> </td>
</tr>
</table>
<![endif]-->
</div>
</div>
</div>
<div style="line-height:40px;font-size:40px;"> </div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #f7f7f7;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #f7f7f7;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="" width="600" src="http://i1.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/round-top_articles-alt-white1.png">
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #fff;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #fff;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
<div style="line-height:5px;font-size:1px"> </div>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 600px;" alt="" width="600" src="http://i2.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/new-emails-icon4.png">
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;">
<h1 class="size-30" style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #434547;font-size: 26px;line-height: 34px;text-align: center;" lang="x-size-30"><span style="color:#434547"><strong>Emails Wanted!</strong></span></h1>
<p class="size-18" style="Margin-top: 20px;Margin-bottom: 20px;font-size: 17px;line-height: 26px;text-align: center;" lang="x-size-18"><span style="color:#555555">Have you ever seen an email so hawt, you were tempted to make out with it? It’s embarrassing—we know—but these emails must be captured before we all succumb to screen licking. That’s just gross.</span>
</p>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<div style="line-height:20px;font-size:1px"> </div>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<div class="btn btn--flat btn--large" style="Margin-bottom: 20px;text-align: center;">
<![if !mso]>
<a style="border-radius: 4px;display: inline-block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 12px 24px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #fff;background-color: #fe4c44;font-family: Roboto, Tahoma, sans-serif;"
href="http://reallygoodemails.com/submit-email/?utm_campaign=reallygoodemails-newsletter&utm_medium=email&utm_source=ReallyGoodEmails">SEND US YOUR FAVORITE EMAILS</a>
<![endif]>
<!--[if mso]>
<p style="line-height:0;margin:0;"> </p>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="http://reallygoodemails.com/submit-email/?utm_campaign=reallygoodemails-newsletter&utm_medium=email&utm_source=ReallyGoodEmails"
style="width:268px" arcsize="9%" fillcolor="#FE4C44" stroke="f">
<v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
<center style="font-size:14px;line-height:24px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">SEND US YOUR FAVORITE
<br>EMAILS</center>
</v:textbox>
</v:roundrect>
<![endif]-->
</div>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-bottom: 12px;">
<div style="line-height:11px;font-size:1px"> </div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #f7f7f7;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #f7f7f7;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<img class="gnd-corner-image gnd-corner-image-center gnd-corner-image-top gnd-corner-image-bottom" style="border: 0;display: block;height: auto;width: 100%;max-width: 900px;" alt="" width="600" src="http://i3.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/rounded-bottom_articles-fancy1.png">
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="line-height:20px;font-size:20px;"> </div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #f7f7f7;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #f7f7f7;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
<div style="line-height:20px;font-size:1px"> </div>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-bottom: 12px;">
<h3 class="size-20" style="Margin-top: 0;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #434547;font-size: 17px;line-height: 26px;text-align: center;" lang="x-size-20"><strong>Follow Us Off the Cliff</strong></h3>
<h3 class="size-16" style="Margin-top: 12px;Margin-bottom: 0;font-style: normal;font-weight: normal;color: #434547;font-size: 16px;line-height: 24px;text-align: center;" lang="x-size-16">We know what your mother said. If Really Good Emails jumped off a cliff would you go with them? Yes, of course you would. Don’t be silly.</h3>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="line-height:20px;font-size:20px;"> </div>
<div class="layout three-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #f7f7f7;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #f7f7f7;">
<td style="width: 200px" valign="top" class="w160">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 200px; width: 320px;width: calc(72200px - 12000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<div class="btn btn--flat fullwidth btn--large" style="text-align: center;">
<![if !mso]>
<a style="border-radius: 4px;display: block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 12px 24px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #fff;background-color: #55acee;font-family: Roboto, Tahoma, sans-serif;"
href="https://twitter.com/reallygoodemail">TWITTER</a>
<![endif]>
<!--[if mso]>
<p style="line-height:0;margin:0;"> </p>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://twitter.com/reallygoodemail"
style="width:160px" arcsize="9%" fillcolor="#55ACEE" stroke="f">
<v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
<center style="font-size:14px;line-height:24px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">TWITTER</center>
</v:textbox>
</v:roundrect>
<![endif]-->
</div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 200px" valign="top" class="w160">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 200px; width: 320px;width: calc(72200px - 12000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<div class="btn btn--flat fullwidth btn--large" style="text-align: center;">
<![if !mso]>
<a style="border-radius: 4px;display: block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 12px 24px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #fff;background-color: #c92228;font-family: Roboto, Tahoma, sans-serif;"
href="https://www.pinterest.com/reallygoodemail/">PINTEREST</a>
<![endif]>
<!--[if mso]>
<p style="line-height:0;margin:0;"> </p>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://www.pinterest.com/reallygoodemail/"
style="width:160px" arcsize="9%" fillcolor="#C92228" stroke="f">
<v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
<center style="font-size:14px;line-height:24px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">PINTEREST</center>
</v:textbox>
</v:roundrect>
<![endif]-->
</div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 200px" valign="top" class="w160">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 200px; width: 320px;width: calc(72200px - 12000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<div class="btn btn--flat fullwidth btn--large" style="text-align: center;">
<![if !mso]>
<a style="border-radius: 4px;display: block;font-size: 14px;font-weight: bold;line-height: 24px;padding: 12px 24px;text-align: center;text-decoration: none !important;transition: opacity 0.1s ease-in;color: #fff;background-color: #000;font-family: Roboto, Tahoma, sans-serif;"
href="https://codepen.io/reallygoodemails/">CODEPEN</a>
<![endif]>
<!--[if mso]>
<p style="line-height:0;margin:0;"> </p>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="https://codepen.io/reallygoodemails/"
style="width:160px" arcsize="9%" fillcolor="#000000" stroke="f">
<v:textbox style="mso-fit-shape-to-text:t" inset="0px,11px,0px,11px">
<center style="font-size:14px;line-height:24px;color:#FFFFFF;font-family:Tahoma,sans-serif;font-weight:bold;mso-line-height-rule:exactly;mso-text-raise:4px">CODEPEN</center>
</v:textbox>
</v:roundrect>
<![endif]-->
</div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="line-height:40px;font-size:40px;"> </div>
<div style="background-color: #ffffff;">
<div class="layout one-col" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table width="100%" cellpadding="0" cellspacing="0">
<tr class="layout-full-width" style="background-color: #ffffff;">
<td class="layout__edges"> </td>
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;">
<div style="line-height:40px;font-size:1px"> </div>
</div>
<div style="font-size: 12px;font-style: normal;font-weight: normal;" align="center">
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/?utm_campaign=reallygoodemails-newsletter&utm_content=footer-graphic&utm_medium=email&utm_source=ReallyGoodEmails">
<img style="border: 0;display: block;height: auto;width: 100%;max-width: 448px;" alt="" width="448" src="http://i4.cmail19.com/ei/i/7E/4E3/70B/172616/csfinal/footer-image4.png">
</a>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 20px;">
<p class="size-18" style="Margin-top: 0;Margin-bottom: 20px;font-size: 17px;line-height: 26px;text-align: center;" lang="x-size-18"><span style="color:#434547">Design Better. Spam Never.</span>
</p>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<div style="line-height:20px;font-size:1px"> </div>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;">
<h3 class="size-13" style="Margin-top: 0;Margin-bottom: 12px;font-style: normal;font-weight: normal;color: #434547;font-size: 13px;line-height: 21px;text-align: center;" lang="x-size-13"><span style="color:#5e687b"><a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.updatemyprofile.com/i-kihdkhk-0ABEFD2E-oiiwaty-jl">Update Subscription</a> - <a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="https://medium.com/@reallygoodemails">Articles & Interviews</a> - Free<a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://reallygoodemails.com/resources/?utm_campaign=reallygoodemails-newsletter&utm_medium=email&utm_source=ReallyGoodEmails"> Resources</a>
- <a style="text-decoration: none;transition: opacity 0.1s ease-in;color: #5e687b;" href="https://www.producthunt.com/tech/really-good-emails">We're on Product Hunt!</a></span></h3>
</div>
<div style="Margin-left: 20px;Margin-right: 20px;Margin-bottom: 12px;">
<div style="line-height:20px;font-size:1px"> </div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td class="layout__edges"> </td>
</tr>
</table>
<![endif]-->
</div>
</div>
</div>
<div style="line-height:20px;font-size:20px;"> </div>
<div class="layout one-col fixed-width" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;background-color: #f7f7f7;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-fixed-width" style="background-color: #f7f7f7;">
<td style="width: 600px" class="w560">
<![endif]-->
<div class="column" style="text-align: left;color: #5e687b;font-size: 14px;line-height: 21px;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 12px;Margin-bottom: 12px;">
<p class="size-12" style="Margin-top: 0;Margin-bottom: 0;font-size: 12px;line-height: 19px;" lang="x-size-12"><span style="color:#9a9ca0">We sent this email to you because of your insatiable thirst for email inspiration that does not make your eyes burn like you were thrown into a lake of sliced raw onions—ugh, the worst.</span>
</p>
<p class="size-12" style="Margin-top: 20px;Margin-bottom: 0;font-size: 12px;line-height: 19px;" lang="x-size-12"><span style="color:#9a9ca0">All this shit is © Really Good Emails
2016. All these images belong to us and our moms all said this is one instance where we don't have to share if we don't want to. All the emails apparently still belong to the individual companies, we just sort of "web photographed" them when they put them in our email inbox.</span>
</p>
<p class="size-12" style="Margin-top: 20px;Margin-bottom: 0;font-size: 12px;line-height: 19px;" lang="x-size-12"><span style="color:#9a9ca0">If you want to send us gifts, fan mail, or anything that does not include stalking or us waking up with you in our living room—you can find us at 1040 W Washington St, Greenville, SC, USA 29601</span>
</p>
<p class="size-12" style="Margin-top: 20px;Margin-bottom: 0;font-size: 12px;line-height: 19px;" lang="x-size-12"><span style="color:#9a9ca0">Or, if you're just tired of hearing from us, you can
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #5e687b;" href="http://email.reallygoodemails.com/t/i-u-kihdkhk-oiiwaty-jr/">unsubscribe</a> too.</span>
</p>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="line-height:20px;font-size:20px;"> </div>
<div class="layout email-footer" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-email-footer">
<td style="width: 400px;" valign="top" class="w360">
<![endif]-->
<div class="column wide" style="text-align: left;font-size: 12px;line-height: 19px;color: #f7f7f7;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 400px;min-width: 320px; width: 320px;width: calc(8000% - 47600px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 10px;Margin-bottom: 10px;">
<div></div>
<div style="Margin-top: 18px;"></div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
<td style="width: 200px;" valign="top" class="w160">
<![endif]-->
<div class="column narrow" style="text-align: left;font-size: 12px;line-height: 19px;color: #f7f7f7;font-family: Roboto,Tahoma,sans-serif;Float: left;max-width: 320px;min-width: 200px; width: 320px;width: calc(72200px - 12000%);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 10px;Margin-bottom: 10px;"></div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div class="layout one-col email-footer" style="Margin: 0 auto;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 173000px);overflow-wrap: break-word;word-wrap: break-word;word-break: break-word;">
<div class="layout__inner" style="border-collapse: collapse;display: table;width: 100%;" lang="x-layout__inner">
<!--[if (mso)|(IE)]>
<table align="center" cellpadding="0" cellspacing="0">
<tr class="layout-email-footer">
<td style="width: 600px;" class="w560">
<![endif]-->
<div class="column" style="text-align: left;font-size: 12px;line-height: 19px;color: #f7f7f7;font-family: Roboto,Tahoma,sans-serif;max-width: 600px;min-width: 320px; width: 320px;width: calc(28000% - 167400px);">
<div style="Margin-left: 20px;Margin-right: 20px;Margin-top: 10px;Margin-bottom: 10px;">
<div>
<a style="text-decoration: underline;transition: opacity 0.1s ease-in;color: #f7f7f7;" href="#">Unsubscribe</a>
</div>
</div>
</div>
<!--[if (mso)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</div>
<div style="line-height:40px;font-size:40px;"> </div>
</div>
</body>
</html>
</body></html>
