<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!-- start coded_template: id:5226810350 path:Custom/email/innovative/4th_July.html --><html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head>
<!-- v2.0 -->
<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, initial-scale=1.0">
<title>Email on Acid</title>
<!--[if gte mso 9]><xml>
<o:officedocumentsettings>
<o:allowpng/>
<o:pixelsperinch>96</o:pixelsperinch>
</o:officedocumentsettings>
</xml><![endif]-->
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {
border-collapse:collapse !important;
}
</style>
<![endif]-->
<style type="text/css">
@media only screen and (max-width: 650px) {
.logo {
width:240px !important;
}
h1 {
font-size:40px !important;
}
}
@media only screen and (max-width: 500px) {
.logo {
width:180px !important;
}
h1 {
font-size:25px !important;
}
.bg-toggle {
background-size:cover;
height:auto !important;
}
.hero_content {
height:auto !important;
}
.hero-image {
width:100%!important;
}
.headerlink {
font-size:12px !important;
}
.mobile-bump {
padding-left:41%;
}
.hide {
display:none;
height:0;
visibility:hidden;
}
.arrowPad {
padding-left:41%!important;
}
.mobpad {
padding:0 20px 0 20px;
}
}
@media screen {
@font-face {
font-family:'open sans';
font-style:normal;
font-weight:400;
src:local('open sans'), local('opensans'), url(http://fonts.gstatic.com/s/opensans/v13/cjzkeoubrn4kerxqtauh3vtxra8tvwticgirnjhmvjw.woff2) format('woff2');
unicode-range:u+0000-00ff, u+0131, u+0152-0153, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2212, u+2215, u+e0ff, u+effd, u+f000;
}
@font-face {
font-family:'poppins';
font-style:normal;
font-weight:300;
src:local('poppins light'), local('poppins-light'), url(https://fonts.gstatic.com/s/poppins/v1/mexwgbc1ewortbwy9ffeur3hpw3pgy2gai-ip7wpmi0.woff) format('woff');
}
}
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;
}
.colourBan a {
color:#ffffff !important;
text-decoration:none;
pointer-events:none !important;
}
[style*="open sans"] {
font-family:'open sans', calibri, sans-serif !important;
}
[style*="Poppins"] {
font-family:'poppins', calibri, sans-serif !important;
}
p {
-webkit-font-smoothing:antialiased;
}
td {
-webkit-font-smoothing:antialiased;
}
span {
-webkit-font-smoothing:antialiased;
}
h1 {
-webkit-font-smoothing:antialiased;
}
h2 {
-webkit-font-smoothing:antialiased;
}
h3 {
-webkit-font-smoothing:antialiased;
}
body {
height:100% !important;
margin:0 !important;
padding:0;
width:100% !important;
min-width:100%;
background-color:#ffffff;
-webkit-font-smoothing:antialiased;
}
table {
border-spacing:0;
}
img {
border:0;
}
.wrapper {
width:100%;
table-layout:fixed;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
.webkit {
max-width:600px;
}
.full-width-image img {
width:100%;
max-width:600px;
height:auto;
}
p {
margin:0;
padding-bottom:10px;
}
.footer p {
font-family:calibri, sans-serif, 'open sans';
font-size:11px;
color:#ffffff;
-webkit-font-smoothing:antialiased;
}
p {
color:#231f20;
-webkit-font-smoothing:antialiased;
}
li {
color:#231f20;
-webkit-font-smoothing:antialiased;
}
td {
color:#231f20;
-webkit-font-smoothing:antialiased;
}
h1 {
color:#47b199;
font-size:36px;
margin:0;
-webkit-font-smoothing:antialiased;
}
.h2 {
font-size:18px;
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
font-family:calibri, sans-serif, 'poppins';
-webkit-font-smoothing:antialiased;
}
.appleFix a {
color:#848484;
}
.button-td {
text-align:center;
}
.button-a:hover {
background:#68a744 !important;
transition:all 250ms ease-in;
}
.button-td:hover {
background:#68a744 !important;
transition:all 250ms ease-in;
}
.icon-hover:hover {
opacity:0.6;
transition:all 250ms ease-in;
}
.cta-hover:hover {
color:#0e864b !important;
transition:all 250ms ease-in;
}
@media only screen and (max-device-width: 770px) and (min-device-width: 641px){
p {
font-size:14px !important;
line-height:20px !important;
}
.viewport {
position:absolute;
left:0;
right:0;
}
}
</style>
<meta name="generator" content="HubSpot"><meta property="og:url" content="https://marketing.emailonacid.com/-temporary-slug-1e7a4750-75ce-4f96-b8a2-2528bb8c5186"></head>
<body style="Margin:0;padding:0;background-color:#a3ce3a;">
<div id="preview_text" style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">What could go wrong?</div>
<div style="display: none; max-height: 0px; overflow: hidden;">
</div>
<!--[if !mso]><!-- -->
<form>
<input type="radio" class="cbox-support" style="display:none !important" checked>
<input class="cbox-reset" name="choice" type="radio" id="cbox-0" style="display:none !important">
<input class="cbox-sel" name="choice" type="radio" id="cbox-1" style="display:none !important">
<input class="cbox-sel" name="choice" type="radio" id="cbox-2a" style="display:none !important">
<input class="cbox-sel" name="choice" type="radio" id="cbox-2b" style="display:none !important">
<!--<![endif]-->
<div class="">
<table class="header1" width="100%" bgcolor="#a3ce3a" border="0" cellpadding="0" cellspacing="0" style="background-color: #a3ce3a;">
<tbody><tr>
<td align="center" bgcolor="#ffffff">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<!-- ======= start main body ======= -->
<table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;Margin:0 auto;width:100%;max-width:600px;">
<tbody><tr>
<td height="10"></td>
</tr>
<tr>
<td height="15"></td>
</tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;Margin:0 auto;width:100%;max-width:600px;padding-bottom:20px;">
<tbody><tr>
<td width="100%" align="center">
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W9dTt-b3rj94lW2b6cxc8Mw53_0/5/f18dQhb0SmhT8YXM9FW8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv57RjNjW5r8vy28yym7NW5yMB6q1pNBQTW8s3Hd765kk0wW8ttb3H8mp0TcW5x5KNk7-XB_5W6zLZlM1QMkzxW64QZb68rvwMTW7nSL7t5tg24_W7Xzcqg1tk_xjW36PDZl2Vv3csW1G8Mxx1Bb4rMW6D_JJ57lx8FJVwyz0q1BcyDPW4bjssF1CMmx-W53JPJd6F9BhcVknprb7sRTL3W6cvwcg8WTJzqW5fLqYk92YNpLW8QrBqY51DJjtW1wtknV20Xg6DW1LD7Cf6D2dFvW91ZXsD1YwpyyN20bdgF9zM7DW3TM0bD72_psmN1zW062zD-dgW1tV6DQ6j_M8bW7s-G4W5Zh63vN7tZ-qjnSxk6VWDM002vDdvcW4mh9tn8ymrVLW56fqQw1VytSlW8KrJvB94KCs7N6G0nCbrVprCW56gBW-3ZBs4Yf1xVmDq04" style="text-decoration: none;font-size:16px; color:#333333;" data-hs-link-id="0" target="_blank"><img src="https://marketing.emailonacid.com/hubfs/2017-template-images/logo-lg.png?t=1498689678940" alt="Email on Acid" style="border:0; display:block;min-height:55px;" class="logo"></a>
</td>
</tr>
</tbody></table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td></tr>
<tr>
<td align="center">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<!-- ======= start main body ======= -->
<style>
/* https://www.emailonacid.com/blog/article/email-development/four-interactive-email-fallback-strategies
*/
.yfix{}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.cbox-support:checked ~ div .fallback {
display:none;
}
.cbox-support:checked ~ div .interactive{
display:block!important;
max-height:none!important;
}
/*
Selective blocking for clients.
- Samsung (#MessageViewBody) - no absolute positioning
- Comcast/Zimbra (body.MsgBody) - inconsistent CSS support
*/
input[class^="aolmail_cbox-support"]:checked ~ div .fallback,
#MessageViewBody .cbox-support:checked ~ div .fallback,
body.MsgBody .cbox-support:checked ~ div .fallback{
display:block!important;
}
input[class^="aolmail_cbox-support"]:checked ~ div .interactive,
#MessageViewBody .cbox-support:checked ~ div .interactive,
body.MsgBody .cbox-support:checked ~ div .interactive{
display:none !important;
}
}
</style>
<style>
input{display:none;}
.wrapper{
max-width:450px;
width:100%;
margin-top:50px;
}
/* only run on a "retry" */
.cbox-reset:checked ~ div .wrapper{
opacity:0;
-webkit-animation: fadein 0.5s 1s linear forwards;
animation: fadein 0.5s 1s linear forwards;
}
.btn{
background-color:#d9534f;
color:#ffffff!important;
cursor:pointer;
display:block;
margin:20px 20px;
padding:10px 20px;
transition: background-color 0.3s;
border-radius:3px;
text-decoration: none;
}
.btn:hover{
background-color:#953a37;
text-decoration: none;
}
.trybtn{
border:1px solid #888888;
color:#ffffff;
cursor:pointer;
display:block;
margin:30px 20px;
padding:9px 10px;
transition: background-color 0.3s;
border-radius:3px;
font-size:16px;
color:#666666;
}
.trybtn:hover{
background-color:#eeeeee;
}
.disclaimer{
margin:15px 30px;
font-size:12px;
color:#666666;
}
.hero{
position:relative;
width:100%;
min-height:160px;
}
.screen{
position:absolute;
top:0px;
left:0px;
z-index:1;
opacity:0;
}
.screen1{
position:relative;
z-index:10;
opacity:1;
-webkit-animation: fadein 0.5s linear forwards;
animation: fadein 0.5s linear forwards;
}
.screen1 .content{
opacity:0;
-webkit-animation: fadein 0.5s 3s linear forwards;
animation: fadein 0.5s 3s linear forwards;
}
.content{
font-size:19px;
padding:30px 50px;
font-family:Arial;
background-color:#ffffff;
padding-bottom:150px!important;
}
/* hide first screen on interaction */
.cbox-sel:checked ~ div .screen1{
opacity:0;
z-index:-1;
}
/**** Clock and Laptop styles */
.clock{
z-index:100; position:absolute;
top:7px; left:50%;
margin-left:-45px;
height:90px; width:90px;
transform-origin: center;
background:url(https://marketing.emailonacid.com/hubfs/images/emails/eoa2017/EOA-July4th/blank-clock.png?t=1498689678940);
background-size:cover;
transform:translateX(-70px);
opacity:0;
-webkit-animation: fadein 0.3s 1.6s linear forwards;
animation: fadein 0.3s 1.6s linear forwards;
}
.minute{
position:absolute;
height:33px; width:4px;
border-radius:3px;
background-color:#333333;
transform: rotate(0deg);
transform-origin: 2px 30px;
top:15px; left:42px;
}
.hour{
position:absolute;
height:23px; width:4px;
border-radius:3px;
background-color:#333333;
transform: rotate(30deg);
transform-origin: 2px 20px;
top:25px; left:42px;
}
.laptop{
position:absolute;
top:35%;
right:12%;
width:48%;
transform:translateX(300px);
-webkit-animation: laptopintro 0.3s 2s linear forwards;
animation: laptopintro 0.3s 2s linear forwards;
}
/**** COMMON: fade out anim */
#cbox-1:checked ~ div .screen1,
#cbox-2a:checked ~ div .screen2,
#cbox-2b:checked ~ div .screen2
{
-webkit-animation: fadeout 0.5s ease forwards;
animation: fadeout 0.5s ease forwards;
}
/* toggle shrinkback animation names to force anims to re-run */
.cbox-reset:checked ~ div .screenwrap,
#cbox-1:checked ~ div .screenwrap
{
-webkit-animation: shrinkback 1s linear;
animation: shrinkback 1s linear;
}
#cbox-2a:checked ~ div .screenwrap,
#cbox-2b:checked ~ div .screenwrap
{
-webkit-animation: shrinkback2 1s linear;
animation: shrinkback2 1s linear;
}
/**** Screen 1 to 2 transition */
#cbox-1:checked ~ div .clock{
opacity:1;
transform:translateX(-70px);
-webkit-animation: clockzoom 9s 1.5s ease forwards;
animation: clockzoom 9s 1.5s ease forwards;
}
#cbox-1:checked ~ div .minute{
-webkit-animation: spinminute 5s 3.5s ease forwards;
animation: spinminute 5s 3.5s ease forwards;
}
#cbox-1:checked ~ div .hour{
-webkit-animation: spinhour 5s 3.5s ease forwards;
animation: spinhour 5s 3.5s ease forwards;
}
#cbox-1:checked ~ div .screen2{
z-index:10;
-webkit-animation: fadein 0.3s 1.5s linear forwards;
animation: fadein 0.3s 1.5s linear forwards;
}
#cbox-1:checked ~ div .screen2 .content{
opacity:0;
-webkit-animation: fadein 0.3s 11s linear forwards;
animation: fadein 0.3s 11s linear forwards;
}
/**** Screen 2 to 3 transition */
#cbox-2a:checked ~ div .clock,
#cbox-2b:checked ~ div .clock{
display:none!important;
}
#cbox-2a:checked ~ div .screen3a,
#cbox-2b:checked ~ div .screen3b{
z-index:10;
opacity:0;
-webkit-animation: fadein 0.5s 1.5s linear forwards;
animation: fadein 0.5s 1.5s linear forwards;
}
#cbox-2a:checked ~ div .screen3a .content,
#cbox-2b:checked ~ div .screen3b .content
{
display:block!important;
opacity:0;
-webkit-animation: fadein 0.3s 3s linear forwards;
animation: fadein 0.3s 3s linear forwards;
}
/* load success anim gif late */
#cbox-2b:checked ~ div .success_hero{
background:url(https://marketing.emailonacid.com/hubfs/images/emails/eoa2017/EOA-July4th/July4_EOA_450w.gif?t=1498689678940);
background-size:cover;
}
/**** ANIMATIONS */
@-webkit-keyframes fadeout {
0% { opacity:1;z-index:10; }
99% { opacity:0;}
100%{opacity:0;z-index:-1;}
}
@keyframes fadein {
0% { opacity:0; }
100%{opacity:1;}
}
@-webkit-keyframes laptopintro {
0% { transform: translateX(0px);opacity:0; }
10% { transform: translateX(300px);opacity:0; }
11% {opacity:1;}
100% { transform: translateX(0px) }
}
@-webkit-keyframes clockzoom {
0% { transform: translateX(-70px) translateY(0px); }
10% { transform: translateX(0px) translateY(200px) scale(2); }
90% { transform: translateX(0px) translateY(200px) scale(2); }
100% { transform: translateX(0px) translateY(30px) scale(1.3); }
}
@-webkit-keyframes spinhour {
0% { transform: rotate(30deg); }
100% { transform: rotate(120deg);}
}
@-webkit-keyframes spinminute {
0% { transform: rotate(0deg); }
100% { transform: rotate(1080deg);}
}
@media screen and (max-width:480px){
.content{
padding:20px 30px;
}
.wrapper{
margin-top:20px;
}
@-webkit-keyframes shrinkback {
0% { max-height: 900px; }
100% { max-height: 540px; }
}
@-webkit-keyframes shrinkback2 {
0% { max-height: 900px; }
100% { max-height: 540px; }
}
/*** Hide/show footer */
.cbox-sel:checked ~ div .footer-wrap{
display:none;
}
#cbox-2a:checked ~ div .footer-wrap,
#cbox-2b:checked ~ div .footer-wrap{
display: block;
overflow:hidden;
-webkit-animation: fadeinexpand 4s linear;
}
.cbox-reset:checked ~ div .footer-wrap{
display:block;
overflow:hidden;
-webkit-animation: resetexpand 2s linear;
}
/*footer*/
@-webkit-keyframes fadeinexpand {
0% { opacity:0;max-height:0px; }
90% { opacity:0;max-height:0px; }
100%{opacity:1;max-height:1000px;}
}
/*footer*/
@-webkit-keyframes resetexpand {
0% { opacity:0;max-height:0px; }
90% { opacity:0;max-height:0px; }
100%{opacity:1;max-height:1000px;}
}
}
/* Adjust for iPhone 6 and under */
@media (max-width:400px){
.clock{
transform:translateX(-40px);
top:3px;
}
#cbox-1:checked ~ div .clock{
transform:translateX(-40px);
}
.hero{
min-height:135px;
}
@-webkit-keyframes clockzoom {
0% { transform: translateX(-40px); }
10% { transform: translateX(0px) translateY(150px) scale(2); }
90% { transform: translateX(0px) translateY(150px) scale(2); }
100% { transform: translateX(0px) translateY(20px) scale(1.2); }
}
@-webkit-keyframes shrinkback {
0% { max-height: 900px; }
100% { max-height: 400px; }
}
@-webkit-keyframes shrinkback2 {
0% { max-height: 900px; }
100% { max-height: 400px; }
}
}
</style>
<center>
<!-- FALLBACK -->
<div class="fallback">
<table cellpadding="0" cellspacing="0" width="480" style="padding:0px;margin-top:40px;width:480px;width:100%!important;max-width:480px;">
<tbody><tr><td>
<img src="https://marketing.emailonacid.com/hs-fs/hubfs/images/emails/eoa2017/EOA-July4th/EOA_July4th_Desk_fallback.gif?t=1498689678940&width=480&name=EOA_July4th_Desk_fallback.gif" width="480" style="display:block;width:100%" srcset="https://marketing.emailonacid.com/hs-fs/hubfs/images/emails/eoa2017/EOA-July4th/EOA_July4th_Desk_fallback.gif?t=1498689678940&width=480&name=EOA_July4th_Desk_fallback.gif 480w, https://marketing.emailonacid.com/hs-fs/hubfs/images/emails/eoa2017/EOA-July4th/EOA_July4th_Desk_fallback.gif?t=1498689678940&width=960&name=EOA_July4th_Desk_fallback.gif 960w" sizes="(max-width: 480px) 100vw, 480px">
</td></tr>
<tr><td style="font-family:Arial,Helvetica,sans-serif;font-size:19px;background-color:#ffffff;padding:30px 50px;">
Less than 5 hours until you're off for the 4th of July!<br><br>
Unfortunately, your email for the festivities shows a break on Outlook 2016.<br><br>
But there are margaritas screaming your name.<br><br>
<center>
<b>Can you fix it in time?</b><br><br>
<!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://marketing.emailonacid.com/lp/happy_4th_july" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="10%" stroke="f" fillcolor="#d9534f">
<w:anchorlock/>
<center>
<![endif]-->
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W7lBgJb87DK_8W732mx98YL3_D0/5/f18dQhb0S5fw8XJ91zW8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv56ZJlzW5r8vwP3mm45XW1p84vQ5vLZd9W8CZrRv3N1RCVW1mjbN88v2xKGW8Bv1gW3NwhVqW35gyXP3HRns_W8qs-SN5wL96rW8sZ4WS67b7w6N7hYjSxWGfbdW49z-4P2MV0YBW2x9Z1s8Xl1blW8W1L-f54L_pWVWyv8_3NnV4FW1nJpwv26pdfjW35y0Tz8l919qW8lFX7M39R8ytW1r_xL_8qsV94W4XkZ8G5tqqfXW3HvlVM97Q1XnW3MhVh94VHYmzW4-h0rs5HvrvZN27KSlJdhZglW5vDQFc9c11DpW95l4w529BZMKW97v1jj5GVLYKW4RvBjv8r5nF8W7q7-RJ6lHYQCW7GrYJZ73R1h2W224nsQ1XXV84W8vfbC-5Zh63vN7tZ-qjpfX2ZV84rVz6LzX_8W6qcf5h919L1dW62FqKk2dMMnyW3pmvW_5yT0zBN7j2svTmRw3gDdXyXbQx6Wf605WXY03" style="background-color:#d9534f;border-radius:3px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;font-size:16px;" data-hs-link-id="1" target="_blank">Lets Get It Done!</a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]--></center><br><br>
</td></tr>
</tbody></table>
</div>
<!-- end of fallback -->
<!-- Interactive Kinetic -->
<!--[if !mso]><!-- -->
<div class="interactive" style="display:none;max-height:0;overflow:hidden;">
<table class="wrapper" cellpadding="0" cellspacing="0" width="480" style="padding:0px;">
<tbody><tr><td>
<div class="screenwrap" style="width:100%;min-width:310px;xborder:2px solid #888888;overflow:hidden;position:relative;">
<div class="clock">
<div class="minute"></div>
<div class="hour"></div>
</div>
<div class="screen1 screen">
<div class="hero">
<div class="desk"><img src="https://marketing.emailonacid.com/hubfs/images/emails/eoa2017/EOA-July4th/desk_area.png?t=1498689678940" style="display:block;width:100%"></div>
<div class="laptop"><img src="https://marketing.emailonacid.com/hubfs/images/emails/eoa2017/EOA-July4th/desktop_computer.png?t=1498689678940" style="display:block;width:100%"></div>
</div>
<div class="content">
Less than 5 hours until you're off for the 4th of July!<br><br>
Unfortunately, your email for the festivities shows a break on Outlook 2016.<br><br>
But there are margaritas screaming your name.<br><br>
<center>
<b>Can you fix it in time?</b><br>
<label class="btn" for="cbox-1">Lets Get It Done!</label>
</center>
</div>
</div>
<div class="screen2 screen">
<div class="hero" style="opacity:0;"></div>
<div class="content">
You fixed it!<br><br>
That was a bit more complicated than you originally thought. You don't have much time.<br><br>
<center><b>Do you go ahead and send it?</b></center><br>
<center>
<label class="btn" for="cbox-2a">Umm... Sure. It looks fine on Outlook 2016 now</label>
<label class="btn" for="cbox-2b">Lets fire up a test on Email on Acid</label>
</center>
</div>
</div>
<div class="screen3a screen">
<div class="hero">
<div class="hmarg"><img src="https://marketing.emailonacid.com/hubfs/images/emails/eoa2017/EOA-July4th/EOA_July4th_SpilledMarg.jpg?t=1498689678940" style="display:block;width:100%;"></div>
</div>
<div class="content" style="display:none;">
Unfortunately, the changes made your email a MESS in Gmail and it wasn't caught before you sent it.<br><br> At least the margarita was good!<br><br>
Best of luck at your next job (again, condolences).<br><br>
Happy 4th of July from Email on Acid!<br><br>
<center>
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W8JBg9f9cZwlrW20nzNn3Q49cc0/5/f18dQhb0SmhS8XJ888W8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv574m66W5r8vwP3mm44rW5y5Ln98q5FTlW8mFNHP3PwM17N8tzLySNfJ1GW8qsVfz5y5jh-VV8Zt-1nj43nVM_-3Q69RZtKW8m7Y9z5wM1SsVphC7_8sYvvlW5tGC984FW6BTW1Xg0PZ1txG9NW6GsfdK8XNh8_W7JrGcv5dycRCW2P48Fx8Tnc1XW2H6nk-8Zll1PVxHHNY7n7szgVqBt-Z8QDbX7W1CdJYR8NWQJGW6lW8Lg8V2mlZW2K4KYj2Jnn-pW93fzGj4kWRgtMwJVmGnCjMvW4nmhd91J7CRRW5bvwlM46_MVZW5HFKKT3pxsKzMPs031gkKmyW5qvvMC38vV45W3MtCfH2-Fz1MN3L-_c8cDDtZV42cYP3nNLM9W7THhdM9c6Tt5W30l7VM5PYjBCW1KHdrW2MYYQVN8kzZpZ9XfwsM7s2GR1x_wjf8J_HBz03" class="btn" target="_new" data-hs-link-id="0"> Get 40% Off an Email on Acid Annual Plan Now*</a>
<label class="trybtn" for="cbox-0">Try again</label>
<div class="disclaimer">* Offer only valid for new customers.</div>
</center>
</div>
</div>
<div class="screen3b screen">
<div class="hero">
<div class="success_hero"><img src="https://marketing.emailonacid.com/hubfs/images/emails/eoa2017/EOA-July4th/July4th_transparent_hero.gif?t=1498689678940" style="display:block;width:100%;"></div>
</div>
<div class="content" style="display:none;">
Thank goodness you used Email on Acid.<br><br>
Your fix created a rendering issue with Gmail but you caught it before it went out. Great job!<br><br>
Enjoy your margarita and Happy 4th of July from Email on Acid.
<br><br>
<center>
</center>
<center>
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W6Nf5wq5-Ms7SW4pfBfT428SZk0/5/f18dQhb0SmhS8XJ888W8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv574m66W5r8vwP3mm44rW5y5Ln98q5FTlW8mFNHP3PwM17N8tzLySNfJ1GW8qsVfz5y5jh-VV8Zt-1nj43nVM_-3Q69RZtKW8m7Y9z5wM1SsVphC7_8sYvvlW5tGC984FW6BTW1Xg0PZ1txG9NW6GsfdK8XNh8_W7JM7wl6w4PhNVlG5Q96HFZYdN57DLxLj61WwW4grFgV1w-_SjMmj-9LkSBrjW7lX5JT2PhD3MN6qSfJppgWqTW215JJG8TRG78W2LVtQw53Cyq5W7mG3dQ50LTR3W6lr4mY5381vLVvypMS1FST4fW5HFKKT3pxsKzMPs031gkKmyW5qvvMC38vV45W3MtCfH2-Fz1MN3L-_c8cDDtZV42cYP3nNLM9W7THhdM9c6Tt5W30l7VM5PYjBCW1KHdrW2MYYQVN8kzZpZ9XfxFD7s2GRMy88dB-nRs03" class="btn" target="_new" data-hs-link-id="1"> Get 40% Off an Email on Acid Annual Plan Now*</a>
<label class="trybtn" for="cbox-0">Try again</label>
<div class="disclaimer">* Offer only valid for new customers.</div>
</center>
</div>
</div>
</div>
</td></tr></tbody></table>
</div>
<!--<![endif]-->
<!-- End of Interactive/Kinetic -->
</center>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
</tbody></table>
<!-- ======= start Footer ======= -->
<div class="footer-wrap">
<table width="100%" bgcolor="#333333" border="0" cellpadding="0" cellspacing="0" style="background-color: #333333;min-width: 100%;">
<tbody><tr>
<td align="center">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; Margin:0 auto; padding:0px;text-align:center;mso-padding-alt: 10px 10px 10px 10px;">
<tbody><tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="10">
<tbody><tr>
<td>
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W99Qhm_4bMBNDVqHJ8N83Nbm_0/5/f18dQhb0SmhW8YXN32W8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv56BKRzW5r8vwP3mm44LW1mjjlb8pDr2wW1nPLDM6TLZHvW8qf1LX65bSpnW8mp0Tc5x5KNkW7-XB_566wH2XVVVW1H32p-C3W4cMfVr3Kqlz7W2KFZxK3ZPckyW5qcL0q6dZ27bN67h1zcQC5z2VPC2cV7gsJJsW3jNx_25Hwz0-W2Cj0Xj26_sJmW64334z2zpQXXW5vqg7p65KzThW3NxmD-3lkBZ3VYNcgy22Hn-yW8nV8tt4wZ_wvN8qtXkKW0vWxW6Rrvvw2vl4NBN36TJMX_3XLHW5zbWPS7hlSqVW4Rj6Nh6BYGRPN8b3msNPs031VgkKmy5qvvMCW38vV453MtCfHW2-Fz1M3L-_c8Mcq64lsjV00W5XTyL929FBLJW8YfnD-2B6bp8W5Dkt4b92N2WcW4zlPct7_3FMpVcYJKQ7dJ18nW7-rLLC1MKFFx0" data-hs-link-id="0" target="_blank"><img src="https://marketing.emailonacid.com/hubfs/2017-template-images/fb-logo.png?noresize&t=1498689678940" class="icon-hover" style="border:0;" alt="Facebook"></a>
</td>
<td>
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W7Nb8cV8RrG4hW7PfX8y9lJp850/5/f18dQhb0S5fl8XJ888W8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv583DZsW5r8vwP3mm45XW3J4xrf64jJjpN1nPLDM6PNVHW3sMdLC41Q2WgW420Q4P3Cf8s2W4Bs6cn4yx_8pW2-J-SL2z_nbLVsJ6y_4-THQzW32BkZB60RkcxW4Dl4vz3sxsk_W8qS_3p2sSs5lW57-WqM3H_PtyW2DzCtR1yC0KsW8svDgp4JVB-kW4Rmd4Z2PR3xTW8VczJf4xYm6LW79jcFd8kDDH6W7tVV8j94nw9WW5p6BF37hwmH7W3w3Mrf6WVGhtW5SNRF85V9wYhW52TB-M5lSwgwV5v9yY6slPPCN4zkx7grsKq-W3bck9c6Pc2PCW7PwtVc9jy0_PW3ygvH88c3mppVJ5d3m1Kk6wkW2Fpm937z06zBW7pXbSc2WTyfMW5bN2799g7nCwW40hRRf3p4pNKW7KKJy_78xcnlW4wMlWG4mwpQXW6lRJl13xWwfqSlWB7tjS8f102" data-hs-link-id="0" target="_blank"><img src="https://marketing.emailonacid.com/hubfs/2017-template-images/li-logo.png?noresize&t=1498689678940" class="icon-hover" style="border:0;" alt="LinkedIn"></a>
</td>
<td>
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W6dbSbB8Z3bXPW1j8QpZ1_Dssh0/5/f18dQhb0Smj28YXNdxW8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv57z_jYW5r8vwP3mm44rW5qQ-D65_N7twW8tzLy18q5FTlW955Lwj3PwKGpW5wL96r8sZ4WSW67b7w67hYjTqVYDPJq49z-4PW2MV0YB2x9Z1sW8Xl1bl8W1L-fN8jn3KbWyv8_W3NnV4F1nJpwvW26pdfj35y0QxW6Pt8jS3cRX6FW94wCp597Rmm8V8RMhW5B44MMW3MJL4N1ltvcnW6SX0rs22J__SVW0lsG10PG7DW6430c09bH18CW64zXMq5CGRFCW2DxCYQ7c00HWW5sNGSs5GD9FdW4v7Nlg3f3L-gW620Xzn7q7-RJW6lHYQC7hKtH5W73R1h2224nsQW1XXVc21krdwLW6kGs_l1hsq-9N6_TT4DGxg49W24RqJ891btbhW6H3TZY47h3HHN2XtFZQvR82hW8GW_pw82ZDfYW6G6v464Pv86fV5XWDb4rdRwh102" data-hs-link-id="0" target="_blank"><img src="https://marketing.emailonacid.com/hubfs/2017-template-images/tw-logo.png?noresize&t=1498689678940" class="icon-hover" style="border:0;" alt="Twitter"></a>
</td>
<td>
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W3wgR8p51NzP7W24rh4j90M0d40/5/f18dQhb0SmhZ8YXMm6W8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv57z_pHW5r8vwP3mm423N3J4CFMRHLn3W8v2xKG8B82N8W3N1RCV24N6RTW7Xm5Gq7dT6Y3VQJJn63Lqnm_W1Sd8yv4LyCD_W328h7y3_KckGW3Kqlx14vBXhqN3fMFk6Zvs38W7cvxVf8q5qBxVVQf4X5vDhTYV84tC_3bHWkVN5HS_V4_3lVbW6LRpzV9c1qFfN5wdftwgsPVHVZMKNt7cG6LgW4VcMsZ5q9T60W4Wl1KT66HXcjW6S1l6H5B9s25VX70j196BfhYW5HSSnG65tmkSW1kcwDb4sH2wbW1nQsRZ8GclM4W3KDtdy4vg6xkW4M11334H_8kWW2MnWwF6LkCgmW1ccRcc57QJTHW9cj90Z2M0HRdW8mhg5w7_v7gTW7-3kxB7fZ4hjW2dRQ9J1ZhFh3W6Fj7DF4drZk9N7-chz2rLh9QVrHCsv8d9Xnf102" data-hs-link-id="0" target="_blank"><img src="https://marketing.emailonacid.com/hubfs/2017-template-images/pi-logo.png?noresize&t=1498689678940" class="icon-hover" style="border:0;" alt="Pinterest"></a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody></table>
<table width="100%" bgcolor="#4a4b4b" border="0" cellpadding="0" cellspacing="0" style="background-color: #4a4b4b;min-width: 100%;">
<tbody><tr>
<td>
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-spacing:0;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<!-- ======= start Footer ======= -->
<table border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;Margin:0 auto; max-width:640px; width:100%; padding:30px 20px 30px 20px;">
<tbody><tr>
<td align="center" class="footer" style="font-size:11px; color:#ffffff; font-family:Calibri, sans-serif;">
<a href="https://marketing.emailonacid.com/e1t/c/*V9KGYG1hHZGDW3QbPtM8v9vFY0/*W8GSNKg1J4xSkW4snC462WT2Q80/5/f18dQhb0SmhT8YXM9FW8tDrYq51vPb-W5sqSjN7vRMGPW2Swgpv57RjNjW5r8vy28yym7NW5yMB6q1pNBQTW8s3Hd765kk0wW8ttb3H8mp0TcW5x5KNk7-XB_5W6zLZlM1QMkzxW64QZb68rvwMTW7nSL7t5tg24_W7Xzcqg1tk_xjW36PDZl2Vv3csW1G8Mxx1Bb4rMW6DKCkq5g3gdRW6hst0w4hdRx5W7KdYyX1Xx0qqW8Q569f2H82xxW7t3Dlb8ZRNP1N1L5P1dwbmn6Vwd5236tl1GQW7vWy-Q4cft-lN1Ph2vzphx1PW1BN81R1SLw3JW6b_-wY1VywBtN2Vv3qv9zM7DW3TM0bD72_psmN1zW062zD-dgW1tV6DQ6j_M8bW7s-G4W5Zh63vN7tZ-qjnSxk6VWDM002vDdvcW4mh9tn8ymrVLW56fqQw1VytSlW8KrJvB94KCs7N6G0nCbrVCHqW56gBW-8z1stpf1xVmDq04" data-hs-link-id="1" target="_blank"><img src="https://marketing.emailonacid.com/hubfs/2017-template-images/eoa-logo-footer.png?noresize&t=1498689678940" style="border:0; display:block; padding:0 0 20px 0;"></a>
<p style="margin-bottom: 1em; color:#ffffff;">5670 Greenwood Plaza Blvd. <span class="hide">|</span><br style="display:none;" class="show"> Greenwood Village, CO<br>
<span style="color:#ffffff; text-decoration: none;">720-242-7633</span> | <a href="mailto:helpdesk@emailonacid.com" style="color:#ffffff; text-decoration: none;" data-hs-link-id="0" target="_blank">helpdesk@emailonacid.com</a></p>
<p style="margin-bottom: 1em; "><em>Copyright © 2017 Email on Acid All rights reserved.</em><br class="hide">
Want to cancel your subscription to our emails?<br class="hide">
<a href="http://marketing.emailonacid.com/hs/manage-preferences/unsubscribe" style="color:#ffffff; text-decoration: underline;" data-hs-link-id="0" target="_blank">Unsubscribe</a> from this list.</p>
</td>
</tr>
</tbody></table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody></table>
</div> <!-- end footer-wrap -->
<!-- ======= start pixel holder ======= -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0;" mc:repeatable="" mc:variant="Pixelholder">
<tbody><tr>
<td mc:edit="pixel_holder" height="20">
<div id="hs_cos_wrapper_my_custom_html_module" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_raw_html" style="color: inherit; font-size: inherit; line-height: inherit;" data-hs-cos-general-type="widget" data-hs-cos-type="raw_html"></div>
</td>
</tr>
</tbody></table>
<!-- ======= end pixel holder ======= -->
</div>
<!--[if !mso]><!-- -->
</form>
<!--<![endif]-->
</body></html>
!
