<meta name="viewport" content="width=device-width, initial-scale=1.0">
<h1 style="text-align: center; margin-bottom: 30px">
  Bem Vindos a central de ajuda do Candidato!
</h1>
<div style="display: flex; justify-content: center; align-items: center">
  <div style="display: flex; justify-content: center; align-items: center">
    <img
      src="https://tdn.totvs.com/download/attachments/668651943/ilustra%C3%A7%C3%A3o%20TDN.png?version=1&modificationDate=1721672169045&api=v2"
      alt="Imagem Ilustrativa"
    />
  </div>
  <div style="display: grid; grid-template-columns: 50% 50%; width: 500px">
    <a
      target="_blank"
      onmouseover="this.style.background = '#a275f5'"
      onmouseout="this.style.background = '#8b53f3'"
      style="
        color: #ffffff;
        background-color: #8b53f3;
        font-size: 19px;
        border-radius: 20px;
        width: 200px;
        margin: 20px;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-weight: bold;
      "
      href="https://tdn.totvs.com/display/TRHAT/Candidatura"
      >Candidatura</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#a275f5'"
      onmouseout="this.style.background = '#8b53f3'"
      style="
        color: #ffffff;
        background-color: #8b53f3;
        font-size: 19px;
        border-radius: 20px;
        width: 200px;
        margin: 20px;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-weight: bold;
      "
      href="https://tdn.totvs.com/pages/viewpage.action?pageId=658425018"
      >Currículo</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#a275f5'"
      onmouseout="this.style.background = '#8b53f3'"
      style="
        color: #ffffff;
        background-color: #8b53f3;
        font-size: 19px;
        border-radius: 20px;
        width: 200px;
        margin: 20px;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-weight: bold;
      "
      href="https://tdn.totvs.com/display/TRHAT/Minhas+vagas"
    >
      Minhas Vagas</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#a275f5'"
      onmouseout="this.style.background = '#8b53f3'"
      style="
        color: #ffffff;
        background-color: #8b53f3;
        font-size: 19px;
        border-radius: 20px;
        width: 200px;
        margin: 20px;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        font-weight: bold;
      "
      href="https://tdn.totvs.com/display/TRHAT/Cadastro+do+Candidato"
      >Login</a
    >
  </div>
</div>