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: 20px 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 { height:200pxpadding-top: 30px; } .button-small-two-line { padding-top: 20px; width:200px; margin: 20px; cursor: pointer } button:hover { color: #ffffff; background-color: #a275f5; } </style> </head> <body> } .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; padding: 12px; color: #ffffff !important; } </style> <h1 style="text-align: center; margin-bottom: 30px;">Bem Vindos a font-weight: bold"> Boas-vindas à central de ajuda do Candidato!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; "> <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/TRADTC/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/TRADTC/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/TRADTC/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 button-small-two-line"
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 button-small-one-line"
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 button-small-one-line"
href="https://tdn.totvs.com/display/TRADTC/Meus+testes+e+provas"
>
Teste e provas</a
>
<a
target="_blank"
onmouseover="this.style.background = '#32b8c7'"
onmouseout="this.style.background = '#29B6C5'"
class="button-small button-small-one-line"
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 button-small-one-line"
href="https://tdn.totvs.com/pages/viewpage.action?pageId=698302419"
>Configurações</a
>
</div>
<div
style="
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
"
>
<div class="more-info">
<div
style="height: 100%; margin: auto 10px auto 20px; padding-bottom: 20px"
>
<p style="font-size: 18px; font-weight: bold">
Não encontrou o que precisa?
</p>
<p style="font-size: 16px">
Entre em contato e envie com sua duvida ou sugestão.
</p>
</div>
<a
target="_blank"
class="button-more-info"
href="https://forms.gle/DEvNk4iAA2V92J8m7"
>Preencher formulário</a
>
</div>
<img
src="https://tdn.totvs.com/download/attachments/668651943/image-2024-7-23_8-40-24.png?version=1&modificationDate=1721734824627&api=v2"
alt="Imagem Ilustrativa"
width="200px"
/>
</div>
|