Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<h1 style="<meta
  name="viewport"
  content="width=device-width, initial-scale=1.0"
/>

<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; margin
    padding-top: 30px;
    padding-bottom: 30px">;
   Bem Vindos a central de ajuda do Candidato!
</h1>
<div style="display: flex; justify-content: center; align-items: center">
  <button
    type="button"
    onmouseover="this.style.background = '#a275f5'"
    onmouseout="this.style.background = '#8b53f3'"
    style="
     font-weight: bold;
    color: #ffffff !important;
  }

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

  .more-info {
    background-color: #8b53f3#d4dbdb;
    border-radius: 10px;
    fontborder-sizecolor: 19pxblack;
    width: 80%;
  border: 0px solidmargin: #7d49caauto;
    height:  border-radius50px;
    padding-bottom: 20px;
    display: flex;
    heightjustify-content: 200pxcenter;
    flex-wrap:  width: 200pxwrap;
  }

  .button-more-info {
    background-color: #4f5050;
    font-size: 16px;
    marginborder-radius: 20px10px;
    margin: auto;
    cursor: pointer;
    text-decoration: none !important;
    "
  >text-align: center;
    padding: 10px;
    Candidaturacolor: #ffffff !important;
  }
</button>style>

<h1  <button
    type="button"
    style="text-align: center; margin-bottom: 30px; font-weight: bold">
  Boas-vindas à central de ajuda para a pessoa candidata!
</h1>
<div
  style="
    display: flex;
    colorjustify-content: #ffffffcenter;
    align-items:  background-colorcenter;
    flex-wrap: #8b53f3wrap;
  "
>
  <img
  font-size: 19px;
      border: 0px solid #7d49ca  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
    style="
      display: flex;
      borderjustify-radiuscontent: 20pxcenter;
      heightflex-wrap: 200pxwrap;
      width: 200px;
 500px;
    "
  >
    <a
     margin: 20px;
 target="_blank"
       cursor: pointer;
    "
  >
    Currículo
  </button>
  <button
    type="button"
    style=onmouseover="this.style.background = '#5d49ca'"
      onmouseout="this.style.background = '#5843c8'"
      class="button-page"
      href="https://tdn.totvs.com/display/TRHAT/Candidatura"
      >Candidatura</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#5e4acc'"
      color: #ffffff; onmouseout="this.style.background = '#5843c8'"
      class="button-page"
      href="https://tdn.totvs.com/pages/viewpage.action?pageId=658425018"
      >Meu Currículo</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#5d49ca'"
      onmouseout="this.style.background-color: #8b53f3; = '#5843c8'"
      class="button-page"
      href="https://tdn.totvs.com/display/TRHAT/Minhas+vagas"
    >
      Minhas Vagas</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#5d49ca'"
      onmouseout="this.style.background = '#5843c8'"
      font-size: 19px;class="button-page"
      border: 0px solid #7d49ca;
      border-radius: 20px;
      height: 200pxhref="https://tdn.totvs.com/display/TRHAT/Cadastro+do+Candidato"
      >Login</a
    >
  </div>
</div>

<h2 style="text-align: center; margin-bottom: 30px; font-weight: bold">
  Outros assuntos:
</h2>
<div
  style="
    display: flex;
    justify-content:  widthcenter;
    flex-wrap: 200pxwrap;
      margin-bottom: 20px;
  "
>
  <a
  cursor: pointer;   target="_blank"
    onmouseover="this.style.background = '#32b8c7'"
    onmouseout="this.style.background = '#29B6C5'"
   > class="button-small"
    Cadastrohref="https://tdn.totvs.com/pages/viewpage.action?pageId=766956484"
  </button>  >Convite banco de talentos</a
  >
  <button<a
    typetarget="button_blank"
    onmouseover="this.style.background = '#32b8c7'"
    onmouseout="this.style.background  color: #ffffff;= '#29B6C5'"
    class="button-small"
    href="https://tdn.totvs.com/pages/viewpage.action?pageId=788620115"
    >Convite para vaga</a
  >
  <a
    target="_blank"
    onmouseover="this.style.background = '#32b8c7'"
    onmouseout="this.style.background-color: #8b53f3;
      font-size: 19px;
      border: 0px solid #7d49ca;
      border-radius: 20px;
      height: 200px;
      width: 200px;
      margin: 20px;
      cursor: pointer;
    "
  >
    Minhas Vagas
  </button>
</div>

...

 = '#29B6C5'"
    class="button-small"
    href="https://tdn.totvs.com/display/TRHAT/Meus+testes+e+provas"
  >
    Teste e provas</a
  >
  <a
    target="_blank"
    onmouseover="this.style.background = '#32b8c7'"
    onmouseout="this.style.background = '#29B6C5'"
    class="button-small"
    href="https://tdn.totvs.com/pages/viewpage.action?pageId=662412388"
    >Página inicial</a
  >
  <a
    target="_blank"
    onmouseover="this.style.background = '#32b8c7'"
    onmouseout="this.style.background = '#29B6C5'"
    class="button-small"
    href="https://tdn.totvs.com/pages/viewpage.action?pageId=698302419o"
    >Configurações</a
  >
</div>

<div class="more-info">
  <div style="margin: auto; font-weight: bold">
    <p>Não encontrou o que precisa?</p>
    <p>
      Entre em contato com sua duvida ou sugestão pelo através do formulário.
    </p>
  </div>
  <a
    target="_blank"
    class="button-more-info"
    href="https://tdn.totvs.com/pages/viewpage.action?pageId=698302419o"
    >Preencher formulário</a
  >
</div>