diff --git a/wrenchboard/email/JOB/job_offer_invidual.mailfile b/wrenchboard/email/JOB/job_offer_invidual.mailfile
index 98a48466..8b0f61ce 100644
--- a/wrenchboard/email/JOB/job_offer_invidual.mailfile
+++ b/wrenchboard/email/JOB/job_offer_invidual.mailfile
@@ -2,10 +2,10 @@ 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>{{subject}}</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>{{subject}}</title>
 <style type="text/css">
 body {margin: 0; padding: 0; min-width: 100%!important;}
 img {height: auto;}
@@ -16,6 +16,7 @@ img {height: auto;}
 .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; font-weight: bold; padding: 0 30px 0 30px;}
 .button a {color: #ffffff; text-decoration: none;}
@@ -28,70 +29,73 @@ img {height: auto;}
 <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 bgcolor="#c7d8a7" class="header">
-		        <table width="100%" border="0" cellspacing="0" cellpadding="0">
-                  <tr>
-                    <td class="h1" style="padding: 0px 0 0 0; text-align:center;">
-                     <a href="https://www.wrenchboard.com/"><img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" alt="WrenchBoard"></a>
-                    </td>
-                  </tr>
-                  <tr>
-                    <td class="subhead" style="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="5px;">
-		<tr>
-		<td class="bodycopy">
-		<b>Hi, {{email}}</b>,
-		</td>
-		</tr>
-		<tr>
-		<td class="bodycopy">
-		You have received a job offer from a <a href="{{server_name}}/eoffer?offerID={{offer_code}}">{{site_name}}</a> user with details below.
+<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 class="h1" style="padding: 0px 0 0 0; text-align:center;">
+                 <a href="https://www.wrenchboard.com/"><img src="https://www.wrenchboard.com/assets/ext/images/wrenchboard.png" alt="WrenchBoard"></a>
+                </td>
+              </tr>
+              <tr>
+                <td class="subhead" style="padding: 0 0 0 3px;  text-align:center; color:black;">
+                  {{site_trade_name}}
+                </td>
+              </tr>
+            </table>
 
-		</td>
-		</tr>
-		
-		<tr>
-		<td class="bodycopy">
-		Please <a href ="{{server_name}}/eoffer?offerID={{offer_code}}">login</a> into your account to accept this offer.
-		</td>
-		</tr>
+    </td>
+  </tr>
+  <tr>
+    <td class="innerpadding borderbottom">
+    <table width="100%" border="0" cellspacing="0" cellpadding="5px;">
+    <tr>
+    <td class="bodycopy">
+    <b>Hi, {{email}}</b>,
+    </td>
+    </tr>
+    <tr>
+    <td class="bodycopy">
+    &nbsp;&nbsp; You have received a job offer from a <a href="{{server_name}}/eoffer?offerID={{offer_code}}">{{site_name}}</a> user with details below.
+
+    </td>
+    </tr>
+
+    <tr>
+    <td class="bodycopy">
+    &nbsp;&nbsp;Please <a href ="{{server_name}}/eoffer?offerID={{offer_code}}">login</a> into your account to accept this offer.
+    </td>
+    </tr>
 <tr>
-<td class="big-danger">
-  Offer Expire : {{expire2}}
+<td class="bodycopy" style="color:red;">
+Offer Expire : {{expire2}}
 </td>
 
 </tr>
 
 <tr>
 <td>
-  <hr size="1">
+<hr size="1">
 </td>
 </tr>
 
 <tr>
 <td>
- 
- <table width="100%" border="0" cellspacing="1" cellpadding="2" class="bodycopy" style="font-size: 14px; font-family: sans-serif; border: 1px solid #f2eeed; background-color:#eaf7fb;">
+
+<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 class="sect-text">
-Title
+<td width="100px" class="sect-text">
+Title :
 </td>
 <td class="bodycopy">
 {{title}}
@@ -99,116 +103,119 @@ Title
 </tr>
 <tr>
 <td class="sect-text">
-Offer ID
+Offer ID :
 </td>
 <td class="bodycopy">
-<a href ="{{server_name}}/eoffer?offerID={{offer_code}}">{{offer_code}}</a>  
+<a href ="{{server_name}}/eoffer?offerID={{offer_code}}">{{offer_code}}</a>
 </td>
 </tr>
 <tr>
 <tr>
 <td class="sect-text">
-  Duration
+Duration :
 </td>
 <td class="bodycopy">
-    {{timeline_days}} day(s)     
+{{timeline_days}} day(s)
 </td>
 </tr>
 
 <tr>
 <td class="sect-text">
-  Price
+Reward :
 </td>
 <td class="bodycopy">
-    {{price}} {{currency}}
+{{price}} {{currency}}
 </td>
 </tr>
 <tr>
 <td class="sect-text">
-Detail
+Detail :
 </td>
 <td class="bodycopy">
-{{job_description}}     
+{{job_description}}
 </td>
 </tr>
 </table>
- 
+
 </td>
+
+</div>
 </tr>
 
-		</table>
-        </td>
-      </tr>
-      <tr>
-        <td class="innerpadding borderbottom">
-		<table width="100%" border="0" >
-		<tr>
-		<td>
-		<a href="https://apps.apple.com/us/app/wrenchboard/id1435718367?ls=1">
-		<img src="{{server_name}}/assets/images/download-apple.jpg"  alt="Apple" border="0" />
-		</a>
-		</td>
-		<td>
-		<a href="https://apps.apple.com/us/app/wrenchboard/id1435718367?ls=1">
-		<img src="{{server_name}}/assets/images/download-android.jpg"  alt="Android" border="0" />
-		</a>
-		</td>
-		</tr>
-		</table>
-        </td>	
-      </tr>
-      <tr>
-        <td class="innerpadding bodycopy">
-         Please contact us at https://www.wrenchboard.com/contact if you have any question about this email.
-        </td>
-      </tr>
+    </table>
+    </td>
+  </tr>
   <tr>
-        <td class="innerpadding bodycopy">
+    <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 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 src="{{server_name}}/assets/images/download-android.jpg"  alt="Android" border="0" />
+    </a>
+    </td>
+    </tr>
+    </table>
+    </td>
+  </tr>
+  <tr>
+    <td class="innerpadding bodycopy">
+    &nbsp;&nbsp; Please 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>
+    </td>
+  </tr>
 
-      <tr>
-      <td class="footer">
-      <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>
+  <tr>
+  <td class="footer" style="color:#ffffff; padding: 20px 30px 15px 30px; bgcolor:#007bff; background-color:#007bff; border-radius: 10px 10px 10px 10px;">
 
-      </body>
-      </html>
\ No newline at end of file
+  <table width="100%" border="0" cellspacing="0" cellpadding="0">
+  <tr>
+  <td align="center" class="footercopy">
+  &reg; {{site_name}} {{YYYY}}<br/>
+  &nbsp;&nbsp;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>
\ No newline at end of file
