Histórico da Página
...
| HTML |
|---|
<style type="text/css">
.collab * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.collab-text-center {
text-align: center;
}
.collab-full-height {
height: 100%;
}
.collab-container {
margin-right: auto;
margin-left: auto;
}
.collab-row {
width: 100%;
display: -moz-box;
-moz-flex-flow: row wrap;
-moz-justify-content: center;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
-ms-justify-content: center;
display: -webkit-flex;
display: -webkit-box;
-webkit-flex-flow: row wrap;
-webkit-justify-content: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
}
.collab-col {
-moz-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
/* Component collab Callout */
.collab-callout {
border: 1px solid #dadada;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0px 2px 4px #00000029;
display: -moz-box;
-moz-flex-flow: row wrap;
-moz-justify-content: center;
-moz-align-items: center;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
-ms-justify-content: center;
-ms-align-items: center;
display: -webkit-flex;
display: -webkit-box;
-webkit-flex-flow: row wrap;
-webkit-justify-content: center;
-webkit-align-items: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.collab-callout .collab-callout-image {
width: 24px;
}
.collab-callout .collab-callout-body {
width: calc(100% - 24px);
padding-left: 20px;
}
.collab-callout .collab-callout-thumb {
width: 24px;
height: 24px;
}
.collab-callout .collab-callout-title {
font-size: 20px;
margin-top: 0;
}
.collab-callout .collab-callout-title a {
color: #045b8f;
font-weight: bold;
}
.collab-callout .collab-callout-text {
color: #58595b;
line-height: 1.75;
margin: 0;
}
.collab-callout .collab-callout-text a {
color: #045b8f;
}
</style>
<br> <div class="collab">
<div class="collab-container">
<div class="collab-row">
<div class="collab-col">
<div class="collab-callout">
<div class="collab-callout-image">
<img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/pol%C3%ADtica-de-privacidade-azul.png" width="24" height="24">
</div>
<div class="collab-callout-body">
<h1 class="collab-callout-title">
<a href="https://tdn.totvs.com/x/ZYXsLw">Fique por dentro da Política de privacidade</a>
</h1>
<p class="collab-callout-text">Conheça a Política de privacidade de dados do Grupo TOTVS e fique tranquilo!</p>
</div>
</div>
</div>
</div>
</div>
</div><div class="collab">
<div class="collab-container">
<div class="collab-row">
<div class="collab-col">
<div class="collab-callout">
<div class="collab-callout-image">
<img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/conta-azul.png" width="24" height="24">
</div>
<div class="collab-callout-body">
<h1 class="collab-callout-title">
<a href="https://tdn.totvs.com/x/gag0Kg">Crie sua conta gratuita</a>
</h1>
<p class="collab-callout-text">Saiba como criar uma conta gratuita para testar os recursos que o TOTVS Collab oferece.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collab">
<div class="collab-container">
<div class="collab-row">
<div class="collab-col">
<div class="collab-callout">
<div class="collab-callout-image">
<img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/termo-uso-azul.png" width="24" height="24">
</div>
<div class="collab-callout-body">
<h1 class="collab-callout-title">
<a href="https://tdn.totvs.com/x/cMZaKw">Leia o termo de uso do teste gratuito</a>
</h1>
<p class="collab-callout-text">Conheça a política de uso da conta gratuita por 15 dias em um ambiente de teste.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collab">
<div class="collab-container">
<div class="collab-row">
<div class="collab-col">
<div class="collab-callout">
<div class="collab-callout-image">
<img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/planos-azul.png" width="24" height="24">
</div>
<div class="collab-callout-body">
<h1 class="collab-callout-title">
<a href="https://tdn.totvs.com/x/75kpKg">Conheça os planos ofertados</a>
</h1>
<p class="collab-callout-text">Fique por dentro dos benefícios de cada plano da oferta TOTVS Collab.</p>
</div>
</div>
</div>
</div>
</div>
</div> <div class="collab">
<div class="collab-container">
<div class="collab-row">
<div class="collab-col">
<div class="collab-callout">
<div class="collab-callout-image">
<img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/ativar-plano-azul.png" width="24" height="24">
</div>
<div class="collab-callout-body">
<h1 class="collab-callout-title">
<a href="https://tdn.totvs.com/x/Iaw0Kg">Assine e ative seu plano</a>
</h1>
<p class="collab-callout-text">Adquira seu plano e ative-o na sua empresa para alavancar o seu negócio.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="collab">
<div class="collab-container">
<div class="collab-row">
<div class="collab-col">
<div class="collab-callout">
<div class="collab-callout-image">
<img class="collab-callout-thumb" src="https://tdn.totvs.com/download/attachments/563436139/termo-uso-azul.png" width="24" height="24">
</div>
<div class="collab-callout-body">
<h1 class="collab-callout-title">
<a href="https://tdn.totvs.com/x/JKazKw">Leia o termo de uso da solução</a>
</h1>
<p class="collab-callout-text">Conheça a política de uso do TOTVS Collab ao adquirir um plano pago.</p>
</div>
</div>
</div>
</div>
</div>
</div> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas