Subject: {{subject}}

<head>
<meta charset="utf-8">
<title>{{subject}}</title>
<style type="text/css">
body {margin: 0; padding: 0; min-width: 100%!important; font-family: sans-serif;}
.content {width: 100%; max-width: 600px;}
.header {padding: 10px 10px 10px 10px;}
.innerpadding {padding: 10px 10px 10px 10px;}
.signup_random{ font-size: 44px; padding:10px; margin:10px;}
.line-band {height 20px;}
.warning{color:lightred; font-weight: bolder; padding 10px;}
.continue-web{background-color:aliceblue; padding:10px;}
.cent-ver{text-align:center; }
.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;}
.bodycopy {font-size: 16px; line-height: 20px; padding-bottom:10px;}
.button {text-align: center; font-size: 16px; font-family: sans-serif; font-weight: bold; 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: 16px; color: #ffffff;}
.footercopy a {color: #ffffff; text-decoration: underline;}
</style>
</head>

<body yahoo 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 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="font-size: 12px; color: #ffffff; font-family: sans-serif; letter-spacing: 3px; color:black; padding: 0 0 0 3px;  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>
<b>Message from  {{firstname}}</b>,
</td>
</tr>
<tr>
<td class="bodycopy" style="padding: 10px 0 10px 0;">
You have received a job message from <a href="{{server_name}}/eoffer?offerID={{offer_code}}">{{site_name}}</a> details below.
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="innerpadding borderbottom">

<table class="col380" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
<tr>
<td>


</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="1" cellpadding="5" class="bodycopy" style="font-size: 14px; font-family: sans-serif; border: 1px solid #f2eeed;">
<tr>
<td style="width:90px;">
<b>Title :</b>
</td>
<td class="bodycopy">
{{title}}
</td>
</tr>
<tr>
<td>
<b>Job ID :</b>
</td>
<td class="bodycopy">
<a href ="{{server_name}}/eoffer?offerID={{contract}}">{{contract}}</a>
</td>
</tr>
<tr style="background-color:#e6f9ff;">
<td>
<b>Message :</b>
</td>
<td class="bodycopy">
<table border="0" width='100%;' id="table1" style="font-family: Trebuchet MS; font-size: 10pt ">
{{\inv_items}}
{{...}}
{{pin}}
{{/...}}
{{/inv_items}}
</table
</td>
</tr>
<tr>
<tr>
<td>
<b>Last Message :</b>
</td>
<td class="bodycopy">
{{added}}
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="bodycopy">Please <a href ="{{server_name}}/eoffer?offerID={{offer_code}}">login</a> into your account to reply this message.
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="innerpadding bodycopy">
Contact us at  https://www.wrenchboard.com/contact if you have any question about this email.
</td>
</tr>
<tr>
<td class="innerpadding bodycopy">
{{site_name}} Team
<br>
{{server_name}}
</td>
</tr>
<tr class="innerpadding borderbottom" style="padding: 10px 10px 10px 10px;">
        <td class="innerpadding borderbottom">
		<table width="100%" border="0" >
		<tr>
		<td style="text-align:center;">
		<a href="https://apps.apple.com/us/app/wrenchboard/id1435718367?ls=1">
		<img width="200" height="auto"  src="{{server_name}}/assets/images/download/apple.jpg"  alt="Apple" border="0" />
		</a>
		</td>
		<td style="text-align:center;">
		<a href="https://apps.apple.com/us/app/wrenchboard/id1435718367?ls=1">
		<img width="200" height="auto" src="{{server_name}}/assets/images/download/android.jpg"  alt="Android" border="0" />
		</a>
		</td>
		</tr>
		</table>
        </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="{{main_site_url}}contact" 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>