Skip to content

Instantly share code, notes, and snippets.

@kaareal

kaareal/test.html

Last active August 29, 2015 13:57
Show Gist options
  • Save kaareal/9391076 to your computer and use it in GitHub Desktop.
Save kaareal/9391076 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
</head>
<body style="width: 100%; min-width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; background: #f2f2f2;">
<table class="body" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; background: #f2f2f2;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: center; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<center style="width: 100%; min-width: 580px;">
<table class="container" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<!-- content start -->
<table class="row" style="border-spacing: 0; border-collapse: collapse; padding: 0px; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="top-icon wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 40px 0 0 0; vertical-align: top; text-align: left; position: relative; padding-right: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; margin: 0 auto; width: 580px;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0px 0px 10px; vertical-align: top; text-align: center; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<center style="width: 100%; min-width: 580px;">
<a href="http://bottlenose.com" style="color: #F29B50; text-decoration: none;"><img class="center" width="80" height="80" src="cid:icon.bottlenose" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 80px; max-width: 100%; float: none; clear: both; display: block; border: none; margin: 0 auto; height: 80px;" /></a>
<h2 class="center" style="text-align: center; color: #333; font-family: Georgia, serif; font-weight: normal; padding: 4px 0 0 0; margin: 0; line-height: 42px; word-break: normal; font-size: 20px; font-style: italic;">Comparison Report</h2>
<h1 class="center" style="text-align: center; color: #333; font-family: Helvetica, Arial, sans-serif; font-weight: bold; padding: 0; margin: 0; line-height: 46px; word-break: normal; font-size: 36px; text-transform: uppercase; padding-bottom: 4px;">{{= streams.map(function(s){ return s.name; }).join(' VS. ') }}</h1>
<h3 class="center" style="text-align: center; color: #333; font-family: Helvetica, Arial, sans-serif; font-weight: bold; padding: 0; margin: 0; line-height: 36px; word-break: normal; font-size: 21px; text-transform: uppercase;">December 5 - 11</h3>
</center>
</td>
<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;"></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row callout" style="border-spacing: 0; border-collapse: collapse; padding: 0px; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 20px 0px 0px; vertical-align: top; text-align: left; position: relative; padding-right: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; margin: 0 auto; width: 580px;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="panel radius" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px; vertical-align: top; text-align: left; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; background: #fff; border: 1px solid #d9d9d9;">
<p style="margin: 5px 0; color: #4d4d4d; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: left; line-height: 24px; font-size: 15px; margin-bottom: 10px;">Hi there, <br />
you are receiving this report because <a href="mailto:{{= user.auth_email }}" style="color: #F29B50; text-decoration: none;">{{= user.auth_email }}</a> shared it with you. <br />
We hope you will enjoy the insights and information provided in it.</p>
<p style="margin: 5px 0; color: #4d4d4d; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: left; line-height: 24px; font-size: 15px; margin-bottom: 10px;">Sincerely,<br />
<i>The Bottlenose Team</i>
</p>
</td>
<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;"></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" style="border-spacing: 0; border-collapse: collapse; padding: 0px; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 20px 0px 0px; vertical-align: top; text-align: left; position: relative; padding-right: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; margin: 0 auto; width: 580px;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0px 0px 10px; vertical-align: top; text-align: left; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<table class="real-table two-streams" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; border: 1px solid #d9d9d9; background: #fff; margin-top: 20px; table-layout: fixed; font-size: 14px; color: #333;">
<thead style="background: #E6E4DB; border-bottom: 1px solid #d9d9d9;">
<tr style="padding: 0; vertical-align: top; text-align: left; line-height: 50px;">
<th class="label" style="border-right: 1px solid #d9d7ce; text-indent: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #E6E4DB; font-weight: bold; width: 130px;">&nbsp;</th>
{{ streams.forEach(function(stream){ }}
<th style="border-right: 1px solid #d9d7ce; text-indent: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 225px;">{{= stream.name }}</th>
{{ }); }}
</tr>
</thead>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left; line-height: 50px;">
<td class="label" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 15px 0 15px 8px; vertical-align: top; text-align: left; color: #333; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0; line-height: 20px; font-size: 14px; border-right: 1px solid #d9d9d9; position: relative; border-bottom: 1px solid #d9d9d9; width: 50px; background: #E6E4DB; padding-bottom: 0;">
Volume
</td>
{{ metrics.forEach(function(metric){ }}
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 15px 0 15px 8px; vertical-align: top; text-align: left; color: #333; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 20px; font-size: 14px; border-right: 1px solid #e6e6e6; position: relative; border-bottom: 1px solid #e6e6e6; width: 50px; padding-bottom: 0;">
{{= metric.volume || 0 }}
<img class="trophy" width="16" height="16" src="cid:icon.trophy" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: right; clear: both; display: block; padding-top: 2px; padding-right: 8px;" />
</td>
{{ }); }}
</tr>
<tr style="padding: 0; vertical-align: top; text-align: left; line-height: 50px; background: #f9f8f6;">
<td class="label" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 15px 0 15px 8px; vertical-align: top; text-align: left; color: #333; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0; line-height: 20px; font-size: 14px; border-right: 1px solid #d9d9d9; position: relative; border-bottom: 1px solid #d9d9d9; width: 50px; background: #E6E4DB; padding-bottom: 0;">
Impressions
</td>
{{ metrics.forEach(function(metric){ }}
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 15px 0 15px 8px; vertical-align: top; text-align: left; color: #333; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 20px; font-size: 14px; border-right: 1px solid #e6e6e6; position: relative; border-bottom: 1px solid #e6e6e6; width: 50px; padding-bottom: 0;">
{{= metric.impressions || 0 }}
<img class="trophy" width="16" height="16" src="cid:icon.trophy" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: right; clear: both; display: block; padding-top: 2px; padding-right: 8px;" />
</td>
{{ }); }}
</tr>
<tr style="padding: 0; vertical-align: top; text-align: left; line-height: 50px;">
<td class="label" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 15px 0 15px 8px; vertical-align: top; text-align: left; color: #333; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0; line-height: 20px; font-size: 14px; border-right: 1px solid #d9d9d9; position: relative; border-bottom: 1px solid #d9d9d9; width: 50px; background: #E6E4DB; padding-bottom: 0;">
Sentiment
</td>
{{ metrics.forEach(function(metric){ }}
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 15px 0 15px 8px; vertical-align: top; text-align: left; color: #333; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 20px; font-size: 14px; border-right: 1px solid #e6e6e6; position: relative; border-bottom: 1px solid #e6e6e6; width: 50px; padding-bottom: 0;">
{{= (metric.sentimentPositive / (metric.sentimentNegative + metric.sentimentPositive)) || 0 }}
<img class="trophy" width="16" height="16" src="cid:icon.trophy" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; max-width: 100%; float: right; clear: both; display: block; padding-top: 2px; padding-right: 8px;" />
</td>
{{ }); }}
</tr>
</tbody>
</table>
</table></table></td>
<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;"></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" style="border-spacing: 0; border-collapse: collapse; padding: 0px; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 20px 0px 0px; vertical-align: top; text-align: left; position: relative; padding-right: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; margin: 0 auto; width: 580px;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0px 0px 10px; vertical-align: top; text-align: left; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<p style="margin: 0; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: left; line-height: 19px; font-size: 14px; margin-bottom: 10px;">Trophy indicates numbers that have highest values in comparison</p>
</td>
<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;"></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" style="border-spacing: 0; border-collapse: collapse; padding: 0px; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="wrapper last offset-by-two" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 20px 0px 0px; vertical-align: top; text-align: left; position: relative; padding-right: 0px; padding-left: 100px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<table class="eight columns" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; margin: 0 auto; width: 380px;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0px 0px 10px; vertical-align: top; text-align: left; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<table class="button medium-button radius" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; width: 100%; overflow: visible;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 12px 0 10px; vertical-align: top; text-align: center; color: #ffffff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; display: block; width: auto; background: #F29B50; border: 1px solid #d08545; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;">
<a href="http://bottlenose.com/reports/comparison/{{= viewDefinition.shortId }}" style="color: #ffffff; text-decoration: none; font-weight: bold; font-family: Helvetica, Arial, sans-serif; font-size: 20px;">See full report</a>
</td>
</tr>
</table>
</td>
<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;"></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row" style="border-spacing: 0; border-collapse: collapse; padding: 0px; vertical-align: top; text-align: left; width: 100%; position: relative; display: block;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 20px 0px 0px; vertical-align: top; text-align: left; position: relative; padding-right: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; margin: 0 auto; width: 580px;">
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0px 0px 10px; vertical-align: top; text-align: center; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<center style="width: 100%; min-width: 580px;">
<p class="center" style="margin: 0; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: center; line-height: 19px; font-size: 14px; margin-bottom: 10px;">or Share the full report with your colleagues by copying the link below:</p>
<p class="center" style="margin: 0; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: center; line-height: 19px; font-size: 14px; margin-bottom: 10px;"><a href="http://bottlenose.com/reports/comparison/{{= viewDefinition.shortId }}" style="color: #F29B50; text-decoration: none;">http://bottlenose.com/reports/comparison/{{= viewDefinition.shortId }}</a></p>
</center>
</td>
<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #222222; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="row footer" style="border-spacing: 0; border-collapse: collapse; padding: 0px; vertical-align: top; text-align: left; width: 100%; position: relative; background: #173b59;">
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="center" align="center" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: center; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<center style="width: 100%; min-width: 580px;">
<table class="container" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: inherit; width: 580px; margin: 0 auto;">
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td class="bottom-logo wrapper last" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 20px 0px 0px; vertical-align: top; text-align: left; position: relative; padding-right: 0px; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px; padding-top: 30px;">
<table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; margin: 0 auto; width: 580px;">
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left;">
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0px 0px 10px; vertical-align: top; text-align: left; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;">
<a href="http://bottlenose.com/" style="color: #F29B50; text-decoration: none;"><img class="center" width="152" height="52" src="cid:logo.bottlenose" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 152px; max-width: 100%; float: none; clear: both; display: block; border: none; margin: 0 auto; margin-bottom: 20px; height: 52px;" /></a>
<p class="center" style="margin: 0; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: center; line-height: 19px; font-size: 12px; margin-bottom: 10px;">Copyright © 2014 Bottlenose, Inc., All rights reserved.</p>
<p class="center mail-reason" style="margin: 0; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: center; line-height: 19px; font-size: 12px; margin-bottom: 10px;">This report was sent to you from <a href="http://bottlenose.com" style="color: #fff; text-decoration: underline;">Bottlenose</a> by <a href="mailto:{{= user.auth_email }}" style="color: #fff; text-decoration: underline;">{{= user.auth_email }}</a>.</p>
<p class="center" style="margin: 0; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: center; line-height: 19px; font-size: 12px; margin-bottom: 10px;"><strong>Our mailing address is:</strong> <br />
Bottlenose, Inc.<br />
Singel 540<br />
Amsterdam, NH 1017AZ<br />
Netherlands<br />
</p>
<p class="center" style="margin: 0; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: center; line-height: 19px; font-size: 12px; margin-bottom: 10px;"><a href="mailto:[email protected]" style="color: #F29B50; text-decoration: none;">Contact us</a> | <a href="http://bottlenose.com/login" style="color: #F29B50; text-decoration: none;">Log in</a> | <a href="#" style="color: #F29B50; text-decoration: none;">Unsubscribe</a></p>
</td>
<td class="expander" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 0; vertical-align: top; text-align: left; visibility: hidden; width: 0px; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; line-height: 19px; font-size: 14px;"></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment