<div style="max-width: 600px; margin:30px auto;">
<p>A recent visitor of your website downloaded {{ document}}.</p>
<h4>Please find below the details submitted:</h4>
<table style="border-collapse: collapse;  width: 100%;" cellpadding="8">
  <tr>
    <th style="text-align: left; border-bottom: 1px solid #ddd;">Document</th>
    <td style="text-align: left; border-bottom: 1px solid #ddd;">{{ document }}</td>
  </tr>
  <tr>
    <th style="text-align: left; border-bottom: 1px solid #ddd;">Name</th>
    <td style="text-align: left; border-bottom: 1px solid #ddd;">{{ name }}</td>
  </tr>
  <tr>
    <th style="text-align: left; border-bottom: 1px solid #ddd;">Email</th>
    <td style="text-align: left; border-bottom: 1px solid #ddd;">{{ email }}</td>
  </tr>
  <tr>
    <th style="text-align: left; border-bottom: 1px solid #ddd;">Phone</th>
    <td style="text-align: left; border-bottom: 1px solid #ddd;">{{ phone }}</td>
  </tr>
</table>
</div>