Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<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;
    padding-top: 30px;
    padding-bottom: 30px;
    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;
    .responsive-elementcolor: #ffffff !important;
  }

  .more-info {
    background-color: #d4dbdb;
    border-radius: 10px;
    border-color: redblack;
    width: 80%;
    margin: auto;
    height: 50px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

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

<h1 style="text-align: center; margin-bottom: 30px; font-weight: bold">
    Boas-vindas à central de ajuda para a pessoa candidata!
</h1>
<div
  style="
    display: flex;
    justify-content: center;
    align-items: center;
      flex-wrap: wrap;
  "
>
    <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
    style="
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      width: 500px;
    "
  >
    <a
      target="_blank"
      onmouseover="this.style.background = '#5d49ca'"
      onmouseout="this.style.background = '#5843c8'"
      styleclass="button-page"
        color: #ffffff;
href="https://tdn.totvs.com/display/TRHAT/Candidatura"
      >Candidatura</a
   background-color: #5843c8;
 >
    <a
     font-size: 19px; target="_blank"
      onmouseover="this.style.background  border-radius: 20px;= '#5e4acc'"
      onmouseout="this.style.background  width: 200px;= '#5843c8'"
        margin: 10px;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/display/TRHAT/Candidatura"
Minhas+vagas"
    >
      Minhas >Candidatura<Vagas</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#5d49ca'"
      onmouseout="this.style.background = '#5843c8'"
      styleclass="button-page"
        color: #ffffff;href="https://tdn.totvs.com/display/TRHAT/Cadastro+do+Candidato"
        background-color: #5843c8;>Login</a
    >
    font-size: 19px;
        border-radius: 20px;
        width: 200px;
        margin: 10px</div>
</div>

<h2 style="text-align: center; margin-bottom: 30px; font-weight: bold">
  Outros assuntos:
</h2>
<div
  style="
    display: flex;
        cursorjustify-content: pointercenter;
        text-decorationflex-wrap: nonewrap;
        text-alignmargin-bottom: center20px;
  "
>
  <a
    padding-top: 30px;target="_blank"
    onmouseover="this.style.background    padding-bottom: 30px;= '#32b8c7'"
    onmouseout="this.style.background    font-weight: bold;= '#29B6C5'"
      class="button-small"
      href="https://tdn.totvs.com/pages/viewpage.action?pageId=658425018766956484"
    >Convite banco de >Currículo<talentos</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#5d49ca#32b8c7'"
      onmouseout="this.style.background = '#5843c8#29B6C5'"
      styleclass="button-small"
        color: #ffffff;href="https://tdn.totvs.com/pages/viewpage.action?pageId=788620115"
    >Convite para vaga</a
  background-color: #5843c8;>
  <a
      font-size: 19px;target="_blank"
    onmouseover="this.style.background    border-radius: 20px;= '#32b8c7'"
    onmouseout="this.style.background    width: 200px;= '#29B6C5'"
    class="button-small"
    margin: 10px;href="https://tdn.totvs.com/display/TRHAT/Meus+testes+e+provas"
  >
    Teste  cursor: pointer;e provas</a
  >
      text-decoration: none;<a
        text-align: center;target="_blank"
    onmouseover="this.style.background    padding-top: 30px;= '#32b8c7'"
    onmouseout="this.style.background    padding-bottom: 30px;= '#29B6C5'"
        font-weight: bold;
      "
 class="button-small"
     href="https://tdn.totvs.com/display/TRHAT/Minhas+vagaspages/viewpage.action?pageId=662412388"
    >
      Minhas Vagas<>Página inicial</a
    >
    <a
      target="_blank"
      onmouseover="this.style.background = '#5d49ca#32b8c7'"
      onmouseout="this.style.background = '#5843c8#29B6C5'"
      styleclass="button-small"
        color: #ffffff;href="https://tdn.totvs.com/pages/viewpage.action?pageId=698302419o"
    >Configurações</a
    background-color: #5843c8;>
</div>

<div class="more-info">
  <div style="margin: auto;    font-sizeweight: 19px;bold">
    <p>Não encontrou o  border-radius: 20px;que precisa?</p>
        width: 200px;<p>
      Entre em margin: 10px;
        cursor: pointer;contato com sua duvida ou sugestão pelo através do formulário.
        text-decoration: none;
        text-align: center;</p>
  </div>
  <a
        padding-top: 30px;target="_blank"
        padding-bottom: 30px;
        font-weight: bold;
      "
  class="button-more-info"
    href="https://tdn.totvs.com/display/TRHAT/Cadastro+do+Candidatopages/viewpage.action?pageId=698302419o"
    >Preencher  >Login<formulário</a
    >
  </div>
</div>


...