<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; width: 100%">
            <tr>
              <!-- mensagem do topo -->
              <td style="text-align: center; font-size: 11px; color: #868686; padding: 15px 0">
                <%= site.name %> | <a href="<%= site.url %>" style="color: #868686">Atenção Básica</a>
              </td>
            </tr>
            <tr>
              <!-- Banner -->
              <td style="text-align: center; color: #424242; background: #fff; height: 80px">
                <img src="https://perfis.atencaobasica.org.br/theme/assets/img/email/emailNotificacaoTopoAzul.gif" alt="seja Bem-Vindo!">
              </td>
            </tr>
            <tr>
              <!-- corpo do email -->
              <td style="background: #fff; padding: 52px 60px 50px 60px; color: #595959; font-size: 14px; line-height: 1.5em;">

                <h2 style="font-size: 26px; margin: 0">Olá <%= autor.displayName %>!</h2>

                            <!-- notificacao -->

                              <div style="margin-top: 30px; overflow: hidden; clear: both;">
                                <div style="margin: 16px 0 0 0; padding: 14px; border: 1px solid #f5f5f5; border-radius: 3px; color: #8a8a8a">

                                  <p>Meu nome é <%= curador.displayName %> e faço parte da equipe de curadoria de relatos de experiência da Comunidade de Práticas. Recebemos a sua história e gostaríamos de convidar você a participar do processo de curadoria.</p>

                                  <p>É bem simples. Esse processo funciona através de uma conversa, realizada nos comentários na plataforma da Comunidade de Práticas. A ideia é que, com algumas dicas bem simples, eu possa te ajudar a deixar o relato mais bonito, atrativo e explorando todo o potencial que a sua história tem.</p>

                                  <p>E aí, você topa? Caso positivo, preciso que você <a href=<%= link %>>clique aqui</a>.</p>

                                  <p>Se você quiser saber mais sobre a curadoria, veja na <a href="https://ajuda.atencaobasica.org.br/central-de-ajuda/o-que-e-curadoria-de-relatos-de-experiencia/">Central de Ajuda.</a></p>

                                </div>
                              </div>

                            <!-- /notificacao -->


              </td>
            </tr>
            <tr>
              <td style="text-align: center; padding-bottom: 30px; background: #fff">
                <!--<a href="#"><img style="margin: 0; border: none" src="https://perfis.atencaobasica.org.br/theme/assets/img/email/btnVerNotificacao.jpg" alt="Ver notificacoes"></a>-->
                <div style="margin-top: 20px"><img style="margin: 0;" src="https://perfis.atencaobasica.org.br/theme/assets/img/email/emailfooter3.gif"></div>
              </td>
            </tr>
            <tr>
              <!-- detalhe do layout -->
              <td style="font-size: 1px; height: 7px">
                <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">
              </td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
  </table>
</div>