Histórico da Página

<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
style="max-width:100%;height:auto;"       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;
    

<style>
  .button-page {
    background-color: #5843c8;
    font-size: 19px;
    border-radius: 15px;
    width: 200px;
    margin: 10px;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: bold;
    color: #ffffff !important;
  }

  .button-small {
    background-color: #29b6c5;
    font-size: 16px;
    border-radius: 10px;
    width: 190px;
    margin: 10px;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
    padding-bottom: 20px;
    color: #ffffff !important;
    font-weight: bold;
  }

  .button-small-one-line {
    padding-top: 30px;
  }

  .button-small-two-line {
    padding-top: 20px;
  }

  .more-info {
    max-width: 300px;
    margin-right: 30px;
    margin-left: 30px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
  }

  .button-more-info {
    background-color: #5843c8;
    font-size: 16px;
    border-radius: 10px;
    margin-right: 30px;
    margin-left: 17px;
    cursor: pointer;
    text-decoration: none !important;
    text-align: center;
   text-align padding: center12px;
    color: #ffffff   padding-top!important;
  }
</style>

<h1 style="text-align: center; margin-bottom: 30px; font-weight: bold">
  Boas-vindas à central de ajuda  padding-bottom: 30pxpara a pessoa candidata!
</h1>
<div
  style="
    display: flex;
    justify-content: center;
    fontalign-weightitems: boldcenter;
    flex-wrap: wrap;
  "
>
  <img
    hrefsrc="https://tdn.totvs.com/download/displayattachments/TRHAT/Candidatura668651943/ilustra%C3%A7%C3%A3o%20TDN.png?version=1&modificationDate=1721672169045&api=v2"
    alt="Imagem Ilustrativa"
  >Candidatura</a
  />
  <div
    style="
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      width: 500px;
    "
  >
    <a
      target="_blank"
      onmouseover="this.style.background = '#a275f5#5d49ca'"
      onmouseout="this.style.background = '#8b53f3#5843c8'"
      styleclass="button-page"
        color: #ffffff;
href="https://tdn.totvs.com/display/TRADTC/Candidatura"
      >Candidatura</a
   background-color: #8b53f3; >
    <a
    font-size: 19px;  target="_blank"
      onmouseover="this.style.background  border-radius: 20px;= '#5e4acc'"
      onmouseout="this.style.background  width: 200px;= '#5843c8'"
        margin: 20px;class="button-page"
        cursor: pointer;href="https://tdn.totvs.com/pages/viewpage.action?pageId=658425018"
        text-decoration: none;>Meu currículo</a
    >
    text-align: center;<a
        padding-top: 30px;target="_blank"
      onmouseover="this.style.background  padding-bottom: 30px;= '#5d49ca'"
      onmouseout="this.style.background  font-weight: bold;= '#5843c8'"
      class="button-page"
      href="https://tdn.totvs.com/pages/viewpage.action?pageId=658425018display/TRADTC/Minhas+vagas"
    >
  >Currículo<    Minhas vagas</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#a275f5#5d49ca'"
      onmouseout="this.style.background = '#8b53f3#5843c8'"
      styleclass="button-page"
        color: #ffffff;href="https://tdn.totvs.com/display/TRADTC/Cadastro+do+Candidato"
      >Login</a
    >
  </div>
</div>

<h2  background-color: #8b53f3;style="text-align: center; margin-bottom: 30px; font-weight: bold">
  Outros assuntos:
</h2>
<div
  style="
    display: flex;
    fontjustify-sizecontent: 19pxcenter;
    flex-wrap: wrap;
    bordermargin-radiusbottom: 20px;
  "
>
  <a
    width: 200px;
   target="_blank"
    onmouseover="this.style.background = '#32b8c7'"
     margin: 20px;onmouseout="this.style.background = '#29B6C5'"
    class="button-small button-small-two-line"
   cursor: pointer; href="https://tdn.totvs.com/pages/viewpage.action?pageId=766956484"
    >Convite banco de  text-decoration: none;talentos</a
  >
  <a
      text-align: center;
   target="_blank"
    onmouseover="this.style.background = '#32b8c7'"
    onmouseout="this.style.background = '#29B6C5'"
     padding-top: 30px;
        padding-bottom: 30px;class="button-small button-small-one-line"
    href="https://tdn.totvs.com/pages/viewpage.action?pageId=788620115"
    >Convite para vaga</a
  >
  <a
    target="_blank"
    font-weight: bold;onmouseover="this.style.background = '#32b8c7'"
    onmouseout="this.style.background = '#29B6C5'"
    class="button-small button-small-one-line"
    href="https://tdn.totvs.com/display/TRHAT/Minhas+vagasTRADTC/Meus+testes+e+provas"
    >
    Teste e Minhas Vagas<provas</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#a275f5#32b8c7'"
      onmouseout="this.style.background = '#8b53f3#29B6C5'"
    class="button-small button-small-one-line"
    style=href="https://tdn.totvs.com/pages/viewpage.action?pageId=662412388"
    >Página inicial</a
  >
 color: #ffffff;<a
    target="_blank"
    onmouseover="this.style.background-color: #8b53f3; = '#32b8c7'"
    onmouseout="this.style.background = '#29B6C5'"
    class="button-small button-small-one-line"
    href="https://tdn.totvs.com/pages/viewpage.action?pageId=698302419"
    >Configurações</a
  >
</div>
<div
  style="
    display: flex;
   font justify-sizecontent: 19pxcenter;
    align-items: center;
    borderflex-radiuswrap: 20pxwrap;
  "
>
  <div class="more-info">
   width: 200px;<div
      style="height: 100%; margin: auto 10px auto 20px; padding-bottom: 20px"
    >
    cursor  <p style="font-size: pointer;
18px; font-weight: bold">
         text-decoration: none;Não encontrou o que precisa?
      </p>
    text-align: center;  <p style="font-size: 16px">
        padding-top: 30px;Entre em contato e envie com sua duvida ou sugestão.
      </p>
  padding-bottom: 30px;  </div>
    <a
      font-weight: bold;target="_blank"
      class="button-more-info"
      href="https://forms.gle/DEvNk4iAA2V92J8m7"
      >Preencher formulário</a
    >
  "</div>
  <img
    hrefsrc="https://tdn.totvs.com/download/displayattachments/TRHAT/Cadastro+do+Candidato668651943/image-2024-7-23_8-40-24.png?version=1&modificationDate=1721734824627&api=v2"
      >Login</aalt="Imagem Ilustrativa"
    >width="200px"
  </div>>
</div>