<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>New message from {{name}}</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      line-height: 1.6;
      color: #333333;
    }
    .container {
      width: 80%;
      margin: auto;
      padding: 20px;
      border: 1px solid #dddddd;
      border-radius: 5px;
      background-color: #f9f9f9;
    }
    .header {
      text-align: center;
      padding-bottom: 20px;
      border-bottom: 1px solid #dddddd;
    }
    .content {
      margin-top: 20px;
    }
    .footer {
      margin-top: 30px;
      text-align: center;
      font-size: 0.9em;
      color: #777777;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <h2>New message from {{name}}</h2>
    </div>
    <div class="content">
      <p><strong>Name:</strong> {{name}}</p>
      <p><strong>Email:</strong> {{email}}</p>
      <p><strong>Phone:</strong> {{phone}}</p>
      <p><strong>Company:</strong> {{company}}</p>
      <p><strong>Message:</strong></p>
      <p>{{message}}</p>
    </div>
    <div class="footer">
      <p>This email was automatically generated. Please do not reply directly to this message.</p>
    </div>
  </div>
</body>
</html>