Skip to content

Instantly share code, notes, and snippets.

@kaareal

kaareal/gist:9504699

Created March 12, 2014 10:57
Show Gist options
  • Save kaareal/9504699 to your computer and use it in GitHub Desktop.
Save kaareal/9504699 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<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" />
<style type="text/css">
@media only screen and (max-width: 600px) {
table[class="body"] img {
width: auto !important;
height: auto !important;
}
table[class="body"] center {
min-width: 0 !important;
}
table[class="body"] .container {
width: 95% !important;
}
table[class="body"] .row {
width: 100% !important;
display: block !important;
}
table[class="body"] .wrapper {
display: block !important;
padding-right: 0 !important;
}
table[class="body"] .columns,
table[class="body"] .column {
table-layout: fixed !important;
float: none !important;
width: 100% !important;
padding-right: 0px !important;
padding-left: 0px !important;
display: block !important;
}
table[class="body"] .wrapper.first .columns,
table[class="body"] .wrapper.first .column {
display: table !important;
}
table[class="body"] table.columns td,
table[class="body"] table.column td {
width: 100% !important;
}
table[class="body"] .columns td.one,
table[class="body"] .column td.one { width: 8.333333% !important; }
table[class="body"] .columns td.two,
table[class="body"] .column td.two { width: 16.666666% !important; }
table[class="body"] .columns td.three,
table[class="body"] .column td.three { width: 25% !important; }
table[class="body"] .columns td.four,
table[class="body"] .column td.four { width: 33.333333% !important; }
table[class="body"] .columns td.five,
table[class="body"] .column td.five { width: 41.666666% !important; }
table[class="body"] .columns td.six,
table[class="body"] .column td.six { width: 50% !important; }
table[class="body"] .columns td.seven,
table[class="body"] .column td.seven { width: 58.333333% !important; }
table[class="body"] .columns td.eight,
table[class="body"] .column td.eight { width: 66.666666% !important; }
table[class="body"] .columns td.nine,
table[class="body"] .column td.nine { width: 75% !important; }
table[class="body"] .columns td.ten,
table[class="body"] .column td.ten { width: 83.333333% !important; }
table[class="body"] .columns td.eleven,
table[class="body"] .column td.eleven { width: 91.666666% !important; }
table[class="body"] .columns td.twelve,
table[class="body"] .column td.twelve { width: 100% !important; }
table[class="body"] td.offset-by-one,
table[class="body"] td.offset-by-two,
table[class="body"] td.offset-by-three,
table[class="body"] td.offset-by-four,
table[class="body"] td.offset-by-five,
table[class="body"] td.offset-by-six,
table[class="body"] td.offset-by-seven,
table[class="body"] td.offset-by-eight,
table[class="body"] td.offset-by-nine,
table[class="body"] td.offset-by-ten,
table[class="body"] td.offset-by-eleven {
padding-left: 0 !important;
}
table[class="body"] table.columns td.expander {
width: 1px !important;
}
table[class="body"] .right-text-pad,
table[class="body"] .text-pad-right {
padding-left: 10px !important;
}
table[class="body"] .left-text-pad,
table[class="body"] .text-pad-left {
padding-right: 10px !important;
}
table[class="body"] .hide-for-small,
table[class="body"] .show-for-desktop {
display: none !important;
}
table[class="body"] .show-for-small,
table[class="body"] .hide-for-desktop {
display: inherit !important;
}
h1 {
font-size: 20px;
line-height: 30px;
}
h2 {
font-size: 14px;
line-height: 21px;
}
h3 {
font-size: 13px;
line-height: 19px;
}
body,
table.body,
p,
td {
font-size: 12px;
line-height:16px;
}
.panel p {
font-size: 12px;
line-height: 18px;
}
.real-table {
width: 100%;
}
.real-table thead th {
width: 20% !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.real-table thead th.label {
width: 20% !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.real-table td.label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.real-table,
.real-table td {
font-size: 11px;
}
table.footer img {
width: 152px !important;
height: 52px !important;
}
.top-icon table img {
width: 60px !important;
height: 60px !important;
}
}
</style>
</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: 15px 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" alt="Bottlenose Icon" width="60" height="60" src="cid:icon.bottlenose" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; width: 60px; max-width: 100%; float: none; clear: both; display: block; border: none; margin: 0 auto; height: 60px;" /></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: 24px; word-break: normal; font-size: 16px; 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: 36px; word-break: normal; font-size: 24px; text-transform: uppercase; padding-bottom: 4px;">Bottlenose VS. Celebs</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: 22px; word-break: normal; font-size: 15px; text-transform: uppercase;">March 12</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: 5px 15px; 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 0 0; color: #4d4d4d; font-family: Helvetica, Arial, sans-serif; font-weight: normal; padding: 0; text-align: left; line-height: 21px; font-size: 14px; margin-bottom: 10px;">Hi there, <br />
you are receiving this report because <a href="mailto:[email protected]" style="color: #F29B50; text-decoration: none;">[email protected]</a> shared it with you. <br />
We hope you will enjoy the insights and information provided in it.</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: 10px; 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: 40px;">
<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>
<th style="border-right: 1px solid #d9d7ce; text-indent: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 225px;">Bottlenose</th>
<th style="border-right: 1px solid #d9d7ce; text-indent: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 225px;">Celebs</th>
</tr>
</thead>
<tbody>
<tr style="padding: 0; vertical-align: top; text-align: left; line-height: 40px;">
<td class="label" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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; padding-bottom: 10px; background: #E6E4DB;">
Volume
</td>
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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: 10px;">
39.0
</td>
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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: 10px;">
16,700
<img class="trophy" alt="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: 40px; background: #f9f8f6;">
<td class="label" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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; padding-bottom: 10px; background: #E6E4DB;">
Impressions
</td>
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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: 10px;">
307,000
</td>
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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: 10px;">
87,900,000
<img class="trophy" alt="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: 40px;">
<td class="label" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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; padding-bottom: 10px; background: #E6E4DB;">
Sentiment
</td>
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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: 10px;">
-
</td>
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse; padding: 10px 0 10px 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: 10px;">
64%
</td>
</tr>
</tbody>
</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;"><img class="trophy" alt="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: left; clear: both; display: block;" />&nbsp;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" 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;">
<center style="width: 100%; min-width: 580px;">
<table class="eight columns center" style="border-spacing: 0; border-collapse: collapse; padding: 0; vertical-align: top; text-align: center; 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/NgTbB5RNs" 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>
</center>
</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/NgTbB5RNs" style="color: #F29B50; text-decoration: none;">http://bottlenose.com/reports/comparison/NgTbB5RNs</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;">
<center style="width: 100%; min-width: 580px;">
<a class="center&gt;" href="http://bottlenose.com/" style="color: #F29B50; text-decoration: none;"><img class="center" alt="Bottlenose Logo" 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:[email protected]" style="color: #fff; text-decoration: underline;">[email protected]</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></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: #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