<div style="background: #f5f5f5;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td align="center">
        <div style="width: 631px; margin: auto;">
          <table border="0" cellpadding="0" cellspacing="0" style="border: none; border-collapse: collapse; font-family: arial, tahoma, verdana">
            <tr>
              <!-- Banner -->
              <td>
                <img src="https://perfis.atencaobasica.org.br/theme/assets/img/email/bannerBemVindo.jpg" style="margin: 0" alt="seja Bem-Vindo!">
              </td>
            </tr>
            <tr>
              <!-- corpo do email -->
              <td style="background: #fff; padding: 65px 60px 50px 60px; color: #868686; font-size: 14px; line-height: 1.5em;">

                <p>Você foi convidado(a) para fazer parte da comunidade <%= group.name %>. Para aceitar o convite, acesse o link abaixo:</p>

                <p>Clique no link abaixo para aceitar o convite:</p>

                <p><a href="<%= inviteUrl %> "><%= inviteUrl %></a></p>

                <p>Se não deseja fazer parte desta comunidade, desconsidere este e-mail.</p>

              </td>
            </tr>
            <tr>
              <!-- detalhe do layout -->
              <td style="font-size: 1px; height: 7px; background: #fff;">
                <img src="https://perfis.atencaobasica.org.br/theme/assets/img/email/linha.gif">
              </td>
            </tr>
            <tr>
              <!-- footer -->
              <td style="text-align: center; padding: 30px 0">
                <img src="https://perfis.atencaobasica.org.br/theme/assets/img/email/emailfooter.gif" style="margin: 0; padding: 0;" alt="Comunidade de Praticas - Todos os Direitos Reservados">
                <div style="color: #464646; font-size: 11px; text-align: center"></div>
              </td>
            </tr>
          </table>
        </div>
        </td>
      </tr>
    </table>
</div>