HTML |
---|
<head> <style> button { color: #ffffff; <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: #8b53f3#29b6c5; font-size: 19px16px; border: 0px solid #7d49ca; border-radius 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 { height:200pxbackground-color: #d4dbdb; border-radius: 10px; border-color: black; width:200px 80%; margin: auto; height: 50px; padding-bottom: 20px; cursor: pointer } button:hover { color: #ffffff; background-color: #a275f5; } </style> </head> <body>; 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: none !important; text-align: center; padding: 10px; color: #ffffff !important; } </style> <h1 style="text-align: center; margin-bottom: 30px;">Bem Vindos a font-weight: bold"> Boas-vindas à central de ajuda para a dopessoa Candidatocandidata! </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; " > <button type="button" >Candidatura</button> <button type="button" >Currículo</button> <button type="button" style="color: #ffffff;background-color: #8b53f3;font-size: 19px;border: 0px solid #7d49ca;border-radius: 20px;height:200px;width:200px;margin: 20px;cursor: pointer">Cadastro</button> <button type="button" style="color: #ffffff;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> <body> |
...
<a
target="_blank"
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'"
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 = '#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'"
class="button-page"
href="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: center;
flex-wrap: wrap;
margin-bottom: 20px;
"
>
<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=766956484"
>Convite banco de talentos</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=788620115"
>Convite para vaga</a
>
<a
target="_blank"
onmouseover="this.style.background = '#32b8c7'"
onmouseout="this.style.background = '#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>
|