Subject: {{subject}} - {{title}}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Offer Reminder from  {{site_name}}</title>
<style type="text/css">
body {margin: 0; padding: 0; min-width: 100%!important;}
img {height: auto;}
.content {width: 100%; max-width: 600px;}
.header {padding: 10px 10px 10px 10px;}
.innerpadding {padding: 10px 10px 10px 10px;}
.borderbottom {border-bottom: 1px solid #f2eeed;}
.subhead {font-size: 12px; color: #ffffff; font-family: sans-serif; letter-spacing: 3px;}
.h1, .h2, .bodycopy {color: #153643; font-family: sans-serif;}
.h1 {font-size: 33px; line-height: 38px; font-weight: bold;}
.sect-text {font-weight:bold;  text-align: right;}
.bodycopy {font-size: 14px; line-height: 20px;}
.button {text-align: center; font-size: 16px; font-family: sans-serif;  padding: 0 30px 0 30px;}
.button a {color: #ffffff; text-decoration: none;}
.footer {padding: 20px 30px 15px 30px; bgcolor:#007bff; background-color:#007bff;}
.footercopy {font-family: sans-serif; font-size: 14px; color: #ffffff;}
.footercopy a {color: #ffffff; text-decoration: underline;}
.expire{ color: red; font-weight: bold; padding: 10px 0px 20 0px;}
</style>
</head>
<body bgcolor="#f6f8f1">
<table width="100%" bgcolor="#f6f8f1" border="0" cellpadding="0" cellspacing="0">
<tr>
  <td>
    <!--[if (gte mso 9)|(IE)]>
      <table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td>
    <![endif]-->
    <table bgcolor="#ffffff" class="content" align="center" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td bgcolor="#ffffff" class="header">
<table width="100%" border="0" cellspacing="0" cellpadding="0">

					<tr>
					<td style="padding: 1px 0 1px 0; text-align:center;">
					<a href="https://www.wrenchboard.com/"><img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" alt="WrenchBoard"></a> <!-- {{site_name}} -->
					</td>
					</tr>
					<tr>
					<td class="subhead" style="padding: 0 0 0 3px; color:black;  text-align:center;">
					{{site_trade_name}}
					</td>
					</tr>
					</table>
        </td>
      </tr>
      <tr>
        <td class="innerpadding borderbottom">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td class="h2">
                  <b>Dear {{email}}</b>,
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td class="innerpadding borderbottom">

          <table class="col380" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 550px;">
            <tr>
              <td>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="bodycopy">
                        You have accepted the job offer from a <a href="{{server_name}}/eoffer?offerID={{contract}}">{{site_name}}</a>  with details below
		                <br>

						<br>
                    </td>
                  </tr>

<tr>
<td>

<div style="background-color:aliceblue; border-radius: 10px; padding: 10px;">
	<table width="100%" border="0" cellspacing="1" cellpadding="2" class="bodycopy" style="font-size: 14px; font-family: sans-serif; border: 1px solid #f2eeed;">
	<tr>
	<td width="100px" class="sect-text">
	Title :
	</td>
	<td class="bodycopy">
	{{title}}
	</td>
	</tr>
	<tr>
	<td class="sect-text">
	Offer ID :
	</td>
	<td class="bodycopy">
	{{contract}}
	</td>
	</tr>
	<tr>
	<tr>
	<td class="sect-text">
	Duration :
	</td>
	<td class="bodycopy">
	{{timeline_days}} day(s)
	</td>
	</tr>

	<tr>
	<td class="sect-text">
	Reward :
	</td>
	<td class="bodycopy">
	{{price}} {{currency}}
	</td>
	</tr>
	<tr>
	<td class="sect-text">
	Detail :
	</td>
	<td class="bodycopy">
	{{job_description}}
	</td>
	</tr>
	</table>
</div>
  </td>
</tr>


                </table>
              </td>
            </tr>
          </table>
          <!--[if (gte mso 9)|(IE)]>
                </td>
              </tr>
          </table>
          <![endif]-->
        </td>
      </tr>


      <tr>
        <td class="innerpadding bodycopy">
         If you have any further support question, Please contact us at {{server_name}}/contact<br>
<hr size="1">
        </td>
      </tr>
  <tr>
        <td class="innerpadding bodycopy">
{{site_name}} Team
<br>
{{server_name}}
        </td>
      </tr>
      <tr>
       <td class="footer" style="color:#ffffff; padding: 20px 30px 15px 30px; bgcolor:#007bff; background-color:#007bff; border-radius: 10px 10px 10px 10px;">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td align="center" class="footercopy">
                &reg; {{site_name}} {{YYYY}}<br/>
               You received this email because you subscribe to {{site_name}}. If you get this email in error, please <a href="https://{{server_name}}/contactus" class="unsubscribe"><font color="#ffffff">contact</font></a> us.

              </td>
            </tr>
            <tr>
              <td align="center" style="padding: 20px 0 0 0;">
                <table border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="37" style="text-align: center; padding: 0 10px 0 10px;">
                      <a href="https://www.facebook.com/wrenchboard/">
                        <img src="{{server_name}}/assets/images/brands/facebook.png" width="37" height="37" alt="Facebook" border="0" />
                      </a>
                    </td>
                    <td width="37" style="text-align: center; padding: 0 10px 0 10px;">
                      <a href="http://www.twitter.com/">
                        <img src="{{server_name}}/assets/images/brands/twitter.png" width="37" height="37" alt="Twitter" border="0" />
                      </a>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <!--[if (gte mso 9)|(IE)]>
          </td>
        </tr>
    </table>
    <![endif]-->
    </td>
  </tr>
</table>
</body>
</html>