<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>E-mail BNE</title>
    <!-- Importa a fonte Poppins -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="stylesheet">
    <style>
      body {
        margin: 0;
        padding: 0;
        background: #fff;
      }
      table {
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
        border-collapse: collapse;
      }
      td,
      tr {
        padding: 0;
      }
      .header {
        height: 0;
        padding: 0;
        text-align: center;
        font-family: "Poppins", sans-serif;
      }
      .header img {
        padding: 0;
        width: 100%;
      }
      .banner {
        text-align: center;
      }
      .banner img {
        width: 100%;
      }
      .banner h1 {
        padding: 5% 10%;
        color: white;
        font-family: "Poppins", sans-serif;
        font-size: 24px;
      }
      .content {
        text-align: start;
      }
      .content p {
        font-size: 18px;
        font-family: "Poppins", sans-serif;
        padding: 10px;
      }
      .cta-button {
        background-color: #091A47;
        color: #ffffff;
        font-family: "Poppins", sans-serif;
        width: 90%;
        padding: 5px;
        text-decoration: none;
        display: inline-block;
        border-radius: 7px;
        margin: 20px 0;
        text-align: center;
      }
      .footer {
        font-size: 12px;
        font-family: "Poppins", sans-serif;
        padding: 5% 15%;
        text-align: center;
      }
      .footer a {
        color: navy;
        text-decoration: none;
      }
      .footer img {
        height: 16px;
        width: auto;
        margin: 0 10px;
      }
      a {
        color: #ffb300;
        text-decoration: none;
      }
      .textinho {
        background-color: white;
        color: #0832a3;
        padding: 10px;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        line-height: 42px;
      }
    </style>
  </head>
  <body>
    <table style="background-color: #f6f6f6; border: 1px solid #f6f6f6">
      <!-- Cabeçalho -->
      <tr>
        <td class="header">
          <img
            src="https://mailing.bne.com.br/tbr/CAMPANHAS/2024/novo-banco-cv/1%23novidade/imgs/Header.png"
            alt="Banner"
          />
        </td>
      </tr>

      <!-- Conteúdo principal -->
      <tr>
        <td class="content">
          <table style="width: 84%; background-color: #fff">
            <tr>
              <td style="padding-top: 6%">
                <img src="https://mailing.bne.com.br/tbr/CAMPANHAS/2024/lancamento/lacamentotbr50/img/image.png" alt="" />
              </td>
            </tr>
            <tr>
              <td style="padding: 0 5%;">
                <p class="textinho" style="font-size: 40px;">
                  {nome}, você já ficou sabendo das novidades?
                </p>
                <p>
                  O Trabalha Brasil está entrando em uma nova fase, agora com visual novo.<br>
                  Nosso site está <b>ainda mais simples e intuitivo de usar</b> para que consiga buscar pelas vagas de emprego perfeitas para você.
                  E o melhor de tudo: <b>Sempre 100% gratuito!</b>
                </p>
                <a class="cta-button" href="https://www.trabalhabrasil.com.br"><b>Veja o Novo Trabalha Brasil</b></a>
                <p>
                  Esperamos que goste!
                </p>
              </td>
            </tr>
          </table>
        </td>
      </tr>

      <!-- Rodapé -->
      <tr>
        <td class="footer">
          <p>
            Copyright © 2024 Trabalha Brasil. <br />
            Todos os direitos reservados Politica de Privacidade <br />
            <br />
            Caso não queira mais receber e-mails <u><a href="https://www.trabalhabrasil.com.br/alerta-de-vagas">clique aqui.</a></u>
          </p>

          <table align="center">
            <a href="https://www.facebook.com/trabalhabrasil.com.br"><img src="https://mailing.bne.com.br/tbr/CAMPANHAS/2024/novo-banco-cv/1%23novidade/imgs/Vector-1.png" alt="" /></a>
            <a href="https://www.instagram.com/trabalha.br/"><img src="https://mailing.bne.com.br/tbr/CAMPANHAS/2024/novo-banco-cv/1%23novidade/imgs/Vector-2.png" alt="" /></a>
            <a href="https://www.youtube.com/@trabalhabrasil1191"><img src="https://mailing.bne.com.br/tbr/CAMPANHAS/2024/novo-banco-cv/1%23novidade/imgs/Vector-3.png" alt="" /></a>
            <a href="https://www.linkedin.com/company/trabalhabrasil/posts/?feedView=all"><img src="https://mailing.bne.com.br/tbr/CAMPANHAS/2024/novo-banco-cv/1%23novidade/imgs/Vector.png" alt="" /></a>
          </table>
        </td>
      </tr>
    </table>
  </body>
</html>