<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<div style="background-color: #ffffff; color: #353338;"
  class="h-full min-h-screen w-full flex flex-col p-8 gap-16 text-base">
  <img src="/logo_title.png" class="w-48 h-48 self-center" />
  <div>
    <span>Hello future {{type}} of <b>EnCoach</b>,</span><br />
    <span>You have been invited to register at <a href="https://platform.encoach.com/register?code={{code}}">EnCoach</a>
      to
      become a
      {{type}}!</span><br />
    <span>Please use the following code when registering:</span>
  </div>
  <br />
  <br />
  <a href="https://platform.encoach.com/register?code={{code}}"></a>
  <span class="self-center p-4 px-12 text-lg text-[#]" style="background-color: #D5D9F0; color: #353338">
    <b>{{code}}</b>
  </span>
  </a>
  <br />
  <br />
  <div>
    <span>Thanks, <br /> Your EnCoach team</span>
  </div>
</div>

</html>