<!DOCTYPE html>
<html>

<head>
  <title>Welcome to Our Awesome App</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
      color: #333;
      background-color: #f4f4f4;
    }

    .container {
      max-width: 600px;
      margin: auto;
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    h1 {
      color: #007bff;
    }

    p {
      line-height: 1.6;
    }

    .footer {
      margin-top: 20px;
      text-align: center;
      font-size: 0.9em;
      color: #666;
    }
  </style>
</head>

<body>
  <div class="container">
    <h1>Welcome, {{ username }}!</h1>
    <p>
      Welcome to Our Awesome App!
    </p>
    <p>
      We're thrilled to have you on board and can't wait for you to start exploring all the features we have to offer.
    </p>
    <p>
      If you have any questions, feel free to reach out to our support team.
    </p>
    <div class="footer">
      Thank you for joining us,<br>
      The Awesome App Team
    </div>
  </div>
</body>

</html>