eligible-email-template.html

<!-- HEADER -->

<table style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; width: 100%; background-color: #f8fafb; margin: 0px 0px;" bgcolor="#f8fafb">
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

<td width="600" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;" valign="top">

<div style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">

<div style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">

<table width="100%" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0;" align="center" valign="top">
<a href="https://eligible.com" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: none; margin: 0;">
<h1 style="font-weight: 600; color: #31363e; text-transform: uppercase; letter-spacing: 1.3px; line-height: 36px; text-decoration: none;">
<img src="https://eligible.com/images/emails/v1/logos/eligible-logo-dark-05262016-150px@2x.png" width="150px" height="23px"/>
</h1>
</a>
</td>
</tr></table>

</div>

<table width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;" bgcolor="#fff"><tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;" valign="top">

<table width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">

<!-- HEADER END -->

<!-- GREETING -->

<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
<b>Hi <%= @resource.display_name %>,</b>
</td></tr>

<!-- GREETING END -->

<!-- FIRST TEXT BLOCK -->

<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px; line-height: 24px;" valign="top">
We received a request to reset the password for your account.<br>
If you made this request, please click the button below to reset your password.
</td></tr>

<!-- FIRST TEXT BLOCK END -->

<!-- CALL TO ACTION -->

<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">

<center>
  <!-- SHOULD BE ABLE TO REPLACE -->
  <!-- THIS BUTTON WITH ANY BUTTON URL+TEXT THAT WE WANT -->
  <a href="http://" itemprop="url" style="border-radius: 2px; display: inline-block; padding: 0 25px;font-size: 12px; line-height: 46px;  font-weight: 500; font-family: Helvetica, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-align: center; background: none; color: #8a949f; border: 1px solid #d8dee3; outline: none; box-shadow: 0 1px 2px rgba(48, 54, 62, 0.05); white-space: nowrap; cursor: pointer; background: #4da2e7 linear-gradient(#4da2e7, #4da2e7); color: white !important; border: 1px solid rgba(48, 54, 62, 0.15); box-shadow: none; text-decoration: none;">Reset Your Password</a>
</center>

</td></tr>

<!-- CALL TO ACTION -->

<!-- SECOND TEXT BLOCK -->

<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px; line-height: 24px;" valign="top">
If you didn't request this, please ignore this email. Your password won't change until you access the link above and create a new one.
</td></tr>

<!-- SECOND TEXT BLOCK END -->


<!-- FOOTER -->

<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
&mdash; Team Eligible
</td>
</tr></table></td>
</tr></table>

<div style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">

<table width="100%" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 10px;" align="center" valign="top">
Follow <a href="http://twitter.com/eligibleapi" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">@Eligibleapi</a> on Twitter.
</td></tr>
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;" align="center" valign="top">
<center>
Eligible. Inc. 42 West St,
Brooklyn, New York,
11122
</center>
</td></tr>

</table>

</div>

</div>

</td>

</tr></table>

<!-- FOOTER END -->