test.html

<table bgcolor="#9574a3" border="0" cellpadding="0" cellspacing="0" height="37" width="100%">
  <tbody>
    <tr>
      <td align="left" class="" style="padding: 0px 0px 0px 18px; font-size:14px; line-height:22px; color:#fff; text-transform:uppercase; font-weight:bold; font-family: century gothic, Arial, Helvetica, sans-serif" width="411px">Item</td>
      <td align="center" class="" style="padding: 0px 0px 0px 0px; font-size:14px; line-height:22px; color:#fff; text-transform:uppercase; font-weight:bold; font-family: century gothic, Arial, Helvetica, sans-serif" width="94px">Quantity</td>
      <td align="center" class="" style="padding: 0px 0px 0px 0px; font-size:14px; line-height:22px; color:#fff; text-transform:uppercase; font-weight:bold; font-family: century gothic, Arial, Helvetica, sans-serif" width="94px">Ship Date</td>
    </tr>
  </tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>
    <tr>
      <td valign="top">{% for item in line_items %}
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	  <tbody>
	    <tr>
	      <td align="left" bgcolor="#ffffff" style="padding: 0px 0px 0px 0px; border-left: 1px solid #dddddd; border-bottom:  1px solid #dddddd;" width="130">
		<img alt="{{ item.name }}" border="0" height="130" src="{{ item.image_url }}" style="display:block;" width="130"/>
	      </td>
	      <td align="left" bgcolor="#ffffff" class="" style="padding: 18px 0px 0px 10px; border-left: 1px solid #dddddd; border-bottom:  1px solid #dddddd; font-size:14px; line-height:22px; color:#000000; font-family: century gothic, Arial, Helvetica, sans-serif" valign="top" width="280">
		<strong>{{ item.name }}</strong>
		<br/>
		<em>{{ item.details }}</em>
		<br/>
		{% if item.subscription_line %}<span style="color:#666;">{{ item.subscription_details }}</span>{% endif %}</td>
	      <td align="center" bgcolor="#ffffff" class="" style="padding: 18px 0px 0px 0px; border-left: 1px solid #dddddd; border-bottom:  1px solid #dddddd; font-size:14px; line-height:22px; color:#000000; font-family: century gothic, Arial, Helvetica, sans-serif" valign="top" width="94">
		<strong>{{ item.quantity }}</strong>
	      </td>
	      
	      <td align="center" bgcolor="#ffffff" class="" style="padding: 18px 0px 0px 0px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom:  1px solid #dddddd; font-size:14px; line-height:22px; color:#000000; font-family: century gothic, Arial, Helvetica, sans-serif" valign="top" width="97">
		<strong>${{ item.shipDate }}</strong>
	      </td>
	    </tr>
	  </tbody>
	</table>
	{% endfor %}
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
	  <tbody>
	    <tr>
	      <td class="" width="397"> </td>
	    </tr>
	  </tbody>
	</table>
      </td>
    </tr>
  </tbody>
</table>