Histórico da Página
...
| HTML |
|---|
<style type="text/css">
.products {
display: flex;
justify-content: center;
flex-wrap: wrap;
word-break: break-word;
}
.product {
box-sizing: border-box;
display: flex;
flex-direction: column;
width: 280px;
padding: 15px;
box-shadow: 0px 2px 4px #00000029;
margin: auto auto 30px auto;
border-radius: 10px;
}
.product-image-container {
height: 160px;
position: relative;
}
.product-image {
height: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-title {
text-align: center;
margin: 0 0 10px 0 !important;
}
#product-title-link {
font-weight: bold;
font-size: 15pt;
color: #CB1959#0897E9;
text-decoration: none;
}
#product-title-link:hover {
text-decoration: underline;
}
.product-desc {
margin: 0 !important;
text-align: center;
font-size: 15px;
letter-spacing: 0px;
color: #494440;
}
</style>
<section class="products">
<div id="product-plataforma" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/hYP4Aw">TOTVS Fluig Plataforma<Fluig</a>
</h2>
<p class="product-desc">
Unifique processos, pessoas e sistemas com uma interface fácil de usar e intuitiva.
</p>
</div>
<div id="product-nodecodeflows" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/noIcon%20flows%20TDN-code03.png?api=v2" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJgoFVzL" >TOTVS Fluig No-Code<Flows</a>
</h2>
<p class="product-desc">
Muito mais produtividade com processos pré-definidos, Resolvabasta diversasinstalar necessidadese docomeçar dia a dia sem precisar de linhas de códigousar.
</p>
</div>
<div id="product-identity" class="product">
<div class="product-image-container">
<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt="">
</div>
<h2 class="product-title">
<a id="product-title-link" href="https://tdn.totvs.com/x/NnA9I" >TOTVS Identity</a>
</h2>
<p class="product-desc">
Tenha autenticação única para acessar sistemas da empresa com <i>single sign-on</i>.
</p>
</div>
</section> |
Saiba o que há de novo!
...
| HTML |
|---|
<style type="text/css">
.cards-container {
width: 100%;
height: auto;
margin: auto;
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-items: center;
}
.card {
width: 100%;
height: auto;
display: flex;
margin: auto auto 20px auto;
box-shadow: 0px 2px 4px #00000029;
border-radius: 10px;
}
.card-image {
object-fit: cover;
width: 43%;
max-width: 420px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.card-text-container {
text-align: left;
padding: 30px;
}
.card-label {
color: orange#FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #CB1959#0897E9;
font-weight: bold;
font-size: 17px;
}
#card-title-link:hover {
text-decoration: underline;
}
.card-desc {
margin: 0 !important;
font-size: 15px;
font-weight: 400;
letter-spacing: 0px;
color: #494440;
}
.card-text-margin-bottom {
margin: 0 0 5px 0 !important;
}
</style>
<section class="cards-container">
<div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/banner_640x480.png?api=v2Crystal_Mist_1.8.2.png"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma<Fluig</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222">
x/YEv9MQ" id="card-title-link">
Chegou umaAtualização novaCrystal experiênciaMist em solicitações- 1.8.2
</a>
</h2>
<p class="card-desc">
>Fique por dentro de todas as novidades da Modernizamosúltima agrande aberturaatualização edo interaçãoTOTVS comFluig asPlataforma solicitaçõespara ficandoagregar muitovalor maisao intuitivo essa movimentação, disponibilizamos novas abas
e melhor disposição das informações, facilitando o usoseu negócio.
</p>
</div>
</div>
<section class="cards-container">
<div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/Mist%20%28menor%29home-novo-collab.png?api=v2"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma<No-Code</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/x/T5iWKa1qVIQ" id="card-title-link">
>Novo TOTVS Collab: seu aliado na gestão de equipes Atualização Mist - 1.8
e projetos!</a>
</h2>
<p class="card-desc">
>Gerencie suas equipes presenciais e remotas, acompanhe o andamento dos projetos e tarefas, faça videochamadas, anexe Fiquedocumentos pordo dentroGoogle deDrive todase as novidades da última grande atualização do TOTVS Fluig Plataforma para agregar valor ao seu negócio.
muito mais.</p>
</div>
</div>
<div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/duplicarmfa.png"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code<Identity</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=484703987#Tasks|Oqueh%C3%A1denovo?-Atualiza%C3%A7%C3%B5esx/A1PDLw" id="card-title-link">
>Mais segurança para sua empresa e Duplique etapas e listas de tarefas no TOTVS Tasks!
<seus usuários</a>
</h2>
<p class="card-desc">
>Por padrão, o Identity já tem uma série de critérios que os usuários devem respeitar quando Sabiatrocam quea agorasenha. vocêA podenovidade duplicaré etapasque eos listasrequisitos de tarefas? Isso mesmo! Confira mais essa novidade para facilitar a organização das tarefas do seu dia a dia.
</p>
</div>
</div>
<div class="card">
<img
class="card-image"
src="https://tdn.totvs.com/download/attachments/66618185/mfa.png"
alt=""
>
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">TOTVS Identity</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://tdn.totvs.com/x/J5LpEg" id="card-title-link">
MFA obrigatório e opcional ao mesmo tempo? Sim, é possível!
</a>
</h2>
<p class="card-desc">Indique a autenticação multifatorial como obrigatória para alguns grupos de usuários e deixe-a como opcional para outroscomplexidade de senha podem ser personalizados, com requisitos específicos para que a senha seja considerada válida.</p>
</div>
</div>
</section> |
...
| HTML |
|---|
<style type="text/css">
.cards-container {
width: 100%;
height: auto;
margin: auto;
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-items: center;
}
.card {
width: 100%;
height: auto;
display: flex;
margin: auto auto 20px auto;
box-shadow: 0px 2px 4px #00000029;
border-radius: 10px;
}
.card-image {
object-fit: cover;
width: 43%;
max-width: 420px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.card-image.card-image-full {
width: 100%;
max-width: inherit;
border-radius: 10px;
display: block;
}
.card-text-container {
text-align: left;
padding: 30px;
}
.card-label {
color: orange#FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #CB1959#0897E9;
font-weight: bold;
font-size: 17px;
}
#card-title-link:hover {
text-decoration: underline;
}
.card-desc {
margin: 0 !important;
font-size: 15px;
font-weight: 400;
letter-spacing: 0px;
color: #494440;
}
.card-text-margin-bottom {
margin: 0 0 5px 0 !important;
}
</style>
<section class="cards-container">
<div class="card">
<a href="https://academy.fluig.com/" target="_blank">
<img
class="card-image card-image-full"
src="https://tdn.totvs.com/download/attachments/66618185/Academy.png"
alt=""
></a>
</div>
</section> |
| HTML |
|---|
<style type="text/css">
.cards-container {
width: 100%;
height: auto;
margin: auto;
display: flex;
flex-direction: column;
box-sizing: border-box;
justify-items: center;
}
.card {
width: 100%;
height: auto;
display: flex;
margin: auto auto 20px auto;
box-shadow: 0px 2px 4px #00000029;
border-radius: 10px;
}
.card-image {
object-fit: cover;
width: 43%;
max-width: 420px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.card-text-container {
text-align: left;
padding: 30px;
}
.card-label {
color: orange#FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #CB1959#0897E9;
font-weight: bold;
font-size: 17px;
}
#card-title-link:hover {
text-decoration: underline;
}
.card-desc {
margin: 0 !important;
font-size: 15px;
font-weight: 400;
letter-spacing: 0px;
color: #494440;
}
.card-text-margin-bottom {
margin: 0 0 5px 0 !important;
}
</style>
<section class="cards-container">
<div class="card">
<div class="card-text-container">
<p class="card-label card-text-margin-bottom">Suporte</p>
<h2 id="card-title" class="card-text-margin-bottom">
<a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" id="card-title-link" target="blank">Precisa de ajuda e não encontrou por aqui?</a>
</h2>
<p class="card-desc">Entre em contato pelo <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" target="blank">Portal de clientes</a> ou por nosso canal telefônico <b>(11) 3003 5559</b>. A equipe de atendimento do TOTVS Fluig estará pronta para lhe ajudar.</p>
</div>
</div>
</section> |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas