Notification with embedded HTML blocks and wrapper

Wrapper

                        
                            
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

                                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>
      Car Breakdown Notification
    </title>
  </head>
  <body bgcolor="#FCFCFC" style="width:100%;">
    <table class="main" style="background-color:#FFFFFF;border-style:solid; border-width:1px; border-color:white;"
width="700" border="0" cellspacing="0" cellpadding="0" align="center">
      #COMMON_HEADER#
      #CAR1_TITLE#
      #CAR1_BODY#
      #COMMON_FOOTER#
    </table>
  </body>
</html>
                            

                    

COMMON_HEADER

                        
                            
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:

                                <tr style="background-color:#EEECE1;">
  <td style="border-bottom:3px solid #9BBB59;">
    &nbsp;&nbsp;&nbsp;
  </td>
  <td style="border-bottom:3px solid #9BBB59;" colspan="2">
    <img src="http://www.arch-global.com/wp-content/uploads/2015/02/archLogo.png" alt="Arch Logo"
style="margin-bottom: 5px;padding-top:5px;"/>
  </td>
  <td style="border-bottom:3px solid #9BBB59;">
    &nbsp;
  </td>
  <td style="border-bottom:3px solid #9BBB59;">
    &nbsp;
  </td>
  <td style="border-bottom:3px solid #9BBB59;">
    &nbsp;
  </td>
  <td style="border-bottom:3px solid #9BBB59;">
    &nbsp;
  </td>
  <td style="border-bottom:3px solid #9BBB59;" colspan="3" align="right">
    <a class="archLink" style="font-family:'Segoe UI',Helvetica,sans-serif;width:100%;font-size:12px;"
href="http://www.arch-global.com">
      arch-global.com
    </a>
  </td>
  <td style="border-bottom:3px solid #9BBB59;">
      &nbsp;&nbsp;&nbsp;
  </td>
</tr>
                            

                    

CAR1_TITLE

                        
                            
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

                                <tr>
  <td width="0">
  </td>
  <td colspan="9" height="50" align="right">
    <p style="font-family:'Segoe UI',Helvetica,sans-serif;width:100%;color: #545454;font-size: 28px;">
      Car break-down notification
    </p>
  </td>
  <td>
    &nbsp;
  </td>
</tr>
                            

                    

CAR1_BODY

                        
                            
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:

                                <tr>
<td width="0"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
  <td height="30">
  </td>
  <td colspan="9">
    <p style="font-family:'Segoe UI',Helvetica,sans-serif;width:100%;color:#545454;font-size: 14px;">
      A Car break-down form has been submitted by <b>&TXT_FIRSTNAME& &TXT_LASTNAME&</b>
    </p>
  </td>
  <td>
    &nbsp;
    <br>
    <br>
  </td>
</tr>
<tr>
  <td height="30">
  </td>
  <td colspan="9">
    <p style="font-family:'Segoe UI',Helvetica,sans-serif;width:100%;color:#545454;font-size: 14px;">
      Please call them on <b>&NUM_CON_NUM&</b> to arrange rescue
    </p>
  </td>
  <td>
    &nbsp;
    <br>
    <br>
  </td>
</tr>
<tr>
  <td height="30">
  </td>
  <td colspan="9">
    <p class="introText" style="font-family:'Segoe UI',Helvetica,sans-serif;width:100%;color:#545454;font-size: 14px;">
      Location reference: (<b>&NUM_LAT_X& , &NUM_LAT_Y&</b>)
    </p>
  </td>
  <td>
    &nbsp;
    <br>
    <br>
  </td>
</tr>
<tr>
  <td height="30">
  </td>
  <td colspan="9">
    <p class="introText" style="font-family:'Segoe UI',Helvetica,sans-serif;width:100%;color:#545454;font-size: 14px;">
      Notes: <b>&TXT_NOTES&</b>
    </p>
  </td>
  <td>
    &nbsp;
    <br>
    <br>
  </td>
</tr>
<tr>
<td width="0"></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
                            

                    

COMMON_FOOTER

                        
                            
                                1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:

                                <tr style="background-color:#EEECE1;">
  <td style="border-top:3px solid #9BBB59;" colspan="11">
    &nbsp;
  </td>
</tr>
<tr style="background-color:#EEECE1;">
  <td style="background-color:#EEECE1;">
    &nbsp;
  </td>
  <td style="background-color:#EEECE1;" colspan="9">
    <i style="font-family:'Segoe UI',Helvetica,sans-serif;width:100%;color:#545454;font-size:12px;margin-top:0px;
margin-bottom:0px;">
      This is an automatic e-mail generated by Arch Floe. Find out more at
      <a href="http://www.floe.com">
        www.floe.com
      </a>
    </i>
  </td>
  <td style="background-color:#EEECE1;">
    &nbsp;
  </td>
</tr>
<tr style="background-color:#EEECE1;">
  <td colspan="11">
    &nbsp;
  </td>
</tr>
                            

                    