Skip to content

Instantly share code, notes, and snippets.

@jraczak

jraczak/this.html

Created August 17, 2017 22:59
Show Gist options
  • Save jraczak/10db109a1b79c19fdcdd26a9bde84ad9 to your computer and use it in GitHub Desktop.
Save jraczak/10db109a1b79c19fdcdd26a9bde84ad9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
this.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Intercom Survey Template</title>
<style type="text/css">
body {
margin: 0;
padding: 0;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: none;
}
table {
border-spacing: 0;
}
table td {
border-collapse: collapse;
}
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
.ReadMsgBody {
width: 100%;
background-color: #ebebeb;
}
table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
img {
-ms-interpolation-mode: bicubic;
}
.yshortcuts a {
border-bottom: none !important;
}
span[class="preheader"] {
display: none !important;
}
a.number {
display: inline-block;
font-size: 16px;
}
.ios-footer a {
color: #aaaaaa !important;
text-decoration: underline;
}
* {
text-rendering:optimizelegibility;
-webkit-font-smoothing:antialiased;
}
.logo {
max-width: 200px;
}
@media only screen and (max-width: 600px) {
*[class="gmail-fix"] {
display: none !important;
}
}
@media screen and (max-width: 599px) {
table[class="force-row"],
table[class="container"] {
width: 100% !important;
max-width: 100% !important;
}
td[class="pullup"] {
padding-top: 0 !important;
}
a.number {
display:inline;
font-size: 1.50em;
padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif;
color:#737373;text-decoration:none;white-space:nowrap;
}
table[class="hidetable"] {
display: none;
}
td[class="col"] {
width: 100% !important;
}
td[class="cols-wrapper"] {
padding-left: 12px !important;
padding-right: 12px !important;
}
img[class="image"] {
float: right;
max-width: 40% !important;
height: auto !important;
margin-left: 12px;
}
div[class="subtitle"] {
margin-top: 0 !important;
}
a[class="number"] {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
span[class=show1]:after {
font-family:'Helvetica Neue', Helvetica,Arial,sans-serif;
color:#737373;
text-decoration:none;
white-space:nowrap;
content: '- Extremely likely';
font-size: 20px;
}
span[class=show2]:after{
font-family:'Helvetica Neue', Helvetica,Arial,sans-serif;
color:#737373;
text-decoration:none;
white-space:nowrap;
content: '- Not at all likely';
font-size: 20px;
}
}
@media screen and (max-width: 400px) {
td[class*="container-padding"] {
padding-left: 12px !important;
padding-right: 12px !important;
}
td[class="cols-wrapper"] {
padding-left: 12px !important;
padding-right: 12px !important;
}
td[class="content-wrapper"] {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
</style>
<style type="text/css">
</style>
<style type="text/css">
@media screen and (max-width: 599px) {
span[class='NPS-show-first-anchor']:after {
font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif;
display: inline !important;
color: #737373;
text-decoration: none;
white-space: nowrap;
content: '- Not at all likely';
font-size: 20px;
}
span[class='NPS-show-last-anchor']:after {
font-family: 'Helvetica Neue', Helvetica,Arial,sans-serif;
color: #737373;
text-decoration: none;
white-space: nowrap;
content: '- Extremely likely';
display: inline !important;
font-size: 20px;
}
}
</style>
<!--[if gte mso 9]>
<style type='text/css'>
table,tbody,tr,td{border-collapse:collapse !important;mso-table-lspace:0 !important;mso-table-rspace:0 !important}.b2{width:3px !important}.b1{width:43px !important}
</style>
<[endif]-->
</head>
<body style="margin:0; padding-top:0;padding-bottom:0;padding-left:12px;padding-right:12px;" bgcolor="#fafafa" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<tr class="gmail-fix">
<td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="600">
<tr>
<td cellpadding="0" cellspacing="0" border="0" height="1"; style="line-height: 1px; min-width: 600px;">
<img width="600" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 600px; width: 600px;"/>
</td>
</tr>
</table>
</td>
</tr>
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#fafafa">
<tr>
<td align="center" valign="top" bgcolor="#fafafa" style="background-color: #fafafa;">
<br>
<table border="0" width="600" cellpadding="0" cellspacing="0" class="container" style="width:600px;max-width:600px;background-color:#ffffff;border:1px solid #ebebeb">
<tr>
<td class="container-padding header" align="center" style="background-color:#ffffff;padding-top:36px;padding-bottom:12px;">
<img src="http://s3.amazonaws.com/wootric-production-logos/account_settings/logos/account_5219/logo.png?1502995130" class="logo" />
</td>
</tr>
<tr>
<td class="content" align="left" style="padding-top:12px;padding-bottom:18px;background-color:#ffffff">
<table width="600" border="0" cellpadding="0" cellspacing="0" class="force-row" style="width: 600px;">
<tr>
<td class="content-wrapper" align="center" style="padding-left:16px;padding-right:16px;padding-bottom:12px;">
<br>
<div id="wootric-question" class="title"
style="font-family:'Lato','Helvetica Neue', Helvetica,
Arial,sans-serif;font-size:24px;font-weight:200;color:#374550">How likely are you to recommend the IFTTT Platform to a friend or co-worker?
</div>
<div style="display: none; max-height: 0px; overflow: hidden;">
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
</div>
</td>
</tr>
<tr>
<td class="cols-wrapper" style="padding: 10px 8% 0 0;">
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="anchors">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/10">
<span class="NPS-show-last-anchor">
10
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/9">
<span class="NPS-">
9
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/8">
<span class="NPS-">
8
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/7">
<span class="NPS-">
7
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/6">
<span class="NPS-">
6
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/5">
<span class="NPS-">
5
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/4">
<span class="NPS-">
4
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/3">
<span class="NPS-">
3
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/2">
<span class="NPS-">
2
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/1">
<span class="NPS-">
1
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" class="force-row">
<tr class="anchors">
<td style="width:1px;" class="separator"></td>
<td class="col" valign="middle" align="center" style="width: 42px; height: 42px; border-radius: 50px; border-top: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;border-right: 1px solid #cfcfcf;border-bottom: 2px solid #cfcfcf;">
<a class="number" style="display: inline-block;padding: 12px; font-family:'Helvetica Neue', Helvetica,Arial,sans-serif; color:#737373;text-decoration:none;white-space:nowrap;" rel="nofollow" data-method="post" href="https://app.wootric.com/email_survey/NPS-4de78e5a/{{ email }}/0">
<span class="NPS-show-first-anchor">
0
</span>
</a>
</td>
<td style="width:1px;" class="separator"></td>
</tr>
<tr>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
<td style="height:5px;"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="content-wrapper" align="center" style="padding-left:40px;padding-right:40px;padding-bottom: 24px;padding-top: 8px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="hidetable">
<tr>
<td align="left" style="font-family:'Helvetica Neue', Helvetica,Arial,sans-serif;font-weight:400;font-size:12px; color:#aaaaaa;font-style:italic;">Not at all likely</td>
<td align="right" style="font-family:'Helvetica Neue', Helvetica,Arial,sans-serif;font-weight:400;font-size:12px; color:#aaaaaa;font-style:italic;">Extremely likely</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<br />
<br />
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="container-padding footer-text" style="font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;color:#aaaaaa;padding-left:40px;">
<a style="color:#aaaaaa !important;"
href="{{ unsubscribe_url }}">unsubscribe</a>
</td>
<td align="right" class="container-padding footer-text" style="font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:11px;line-height:16px;color:#aaaaaa;padding-right:40px;">
powered by <a href="//www.wootric.com" style="color: #aaaaaa;">wootric</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<br />
</td>
</tr>
</table>
{{ content }}
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment