<!DOCTYPE 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>
<meta charset="utf-8"> <!-- utf-8 works for most cases -->
<meta name="viewport" content="width=device-width"> <!-- Forcing initial-scale shouldn't be necessary -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Use the latest (edge) version of IE rendering engine -->
<meta name="x-apple-disable-message-reformatting"> <!-- Disable auto-scale in iOS 10 Mail entirely -->
<!-- CSS Reset : BEGIN -->
<style>
html,
body {
margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
}
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
div[style*="margin: 16px 0"] {
margin: 0 !important;
}
table,
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important;
}
table table table {
table-layout: auto;
}
img {
-ms-interpolation-mode:bicubic;
}
a {
text-decoration: none;
}
*[x-apple-data-detectors], /* iOS */
.unstyle-auto-detected-links *,
.aBn {
border-bottom: 0 !important;
cursor: default !important;
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
.a6S {
display: none !important;
opacity: 0.01 !important;
}
img.g-img + div {
display: none !important;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
.email-container {
min-width: 300px !important;
}
}
</style>
<style>
.button-td,
.button-a {
transition: all 100ms ease-in;
}
.button-td-primary:hover,
.button-a-primary:hover {
background: #028d9f !important;
border-color: #028d9f !important;
}
</style>
</head>
<body width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #f9f9f9;">
<!--[if !mso 9]><!-->
<span style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;">
HELLO Please confirm you would like to receive emails from Alpine Action .
</span>
<!--<![endif]-->
<center style="width: 100%; background-color: #f9f9f9;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f9f9f9;">
<tr>
<td>
<![endif]-->
<div style="max-width: 330px; margin: 0 auto;" class="email-container">
<!--[if mso]>
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="330">
<tr>
<td>
<![endif]-->
<!-- Email Body : BEGIN -->
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: 0 auto;">
<!-- Clear Spacer : BEGIN -->
<tr>
<td aria-hidden="true" height="40" style="font-size: 0px; line-height: 0px;">
</td>
</tr>
<!-- Clear Spacer : END -->
<!-- Top image, Flush : BEGIN -->
<tr>
<td style="background-color: #b7dde2;">
<img src="https://s3.amazonaws.com/collateral.impactdata.com.au/SystemEmails/opt-in_top-2.png" width="330" height="" alt="alt_text" border="0" style="width: 100%; max-width: 330px; height: auto; background: #f9f9f9; font-family: sans-serif; font-size: 15px; line-height: 0; color: #555555; margin: auto;" class="g-img">
</td>
</tr>
<!-- Top image, Flush : END -->
<!-- Hero image, Flush : BEGIN -->
<tr>
<td style="background-color: #ffffff;">
<img src="https://s3.amazonaws.com/collateral.impactdata.com.au/SystemEmails/opt-in-envelope2.png" width="330" height="" alt="alt_text" border="0" style="width: 100%; max-width: 330px; height: auto; background: #ffffff; font-family: sans-serif; font-size: 15px; line-height: 0; color: #555555; margin: auto;" class="g-img">
</td>
</tr>
<!-- Hero image, Flush : END -->
<!-- 1 Column Text + Button : BEGIN -->
<tr>
<td style="background-color: #ffffff;">
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding: 20px; font-family: sans-serif; font-size: 16px; line-height: 20px; color: #425964; text-align: center;">
<h1 style="margin: 0 0 10px 0; font-family: sans-serif; font-size: 25px; line-height: 30px; color: #425964; font-weight: bold; letter-spacing: 1px;">HELLO 💜 Ellen want to play with you! Start play: https://cutt.us/PwNys?6ovaq 💜</h1>
<p style="margin: 0;">Please confirm you would like to receive emails from Alpine Action .</p>
</td>
</tr>
<tr>
<td style="padding: 0 20px;">
<!-- Button : BEGIN -->
<table align="center" role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin: auto;">
<tr>
<td class="button-td button-td-primary" style="border-radius: 4px; background: #00bcd4;">
<a class="button-a button-a-primary" href="https://talkbox.impactapp.com.au/members/email/T3dG6YQ8UcTXqqcZyzVbVQ==/K-oHPIbjqn6sWh0N5Zmy0A==/verify_email?form_submission_id=YeklIawqHJIqX_rDyi6-Mg%3D%3D" style="background: #00bcd4; border: 1px solid #00bcd4; font-family: sans-serif; font-size: 16px; line-height: 15px; text-decoration: none; padding: 13px 17px; color: #ffffff; display: block; border-radius: 4px;">Yes, I confirm</a>
</td>
</tr>
<!-- Clear Spacer : BEGIN -->
<tr>
<td aria-hidden="true" height="20" style="font-size: 0px; line-height: 0px;">
</td>
</tr>
<!-- Clear Spacer : END -->
</table>
<!-- Button : END -->
</td>
</tr>
</table>
</td>
</tr>
<!-- 1 Column Text + Button : END -->
<!-- Bottom image, Flush : BEGIN -->
<tr>
<td style="background-color: #f9f9f9;">
<img src="https://s3.amazonaws.com/collateral.impactdata.com.au/SystemEmails/opt-in_bottom.jpg" width="330" height="" alt="alt_text" border="0" style="width: 100%; max-width: 330px; height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555; margin: auto;" class="g-img">
</td>
</tr>
<!-- Bottom image, Flush : END -->
</table>
<!-- Email Body : END -->
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</div>
<!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</center>
</body>
</html>