Histórico da Página
*incluir banner do Flows
Navegue por conteúdo
...
| HTML |
|---|
<style type="text/css">
.fluig *products {
-webkit-box-sizing display: border-boxflex;
-moz-box-sizing: border-box;
justify-content: center;
boxflex-sizingwrap: border-boxwrap;
}
.fluig-text-center {
text-align: centerword-break: break-word;
}
.fluig-full-heightproduct {
height box-sizing: 100%border-box;
}
.fluig-container {
display: flex;
marginflex-rightdirection: autocolumn;
margin-left width: auto280px;
max-width padding: 1046px15px;
}
.fluigbox-row {
width: 100%shadow: 0px 2px 4px #00000029;
display: -moz-box margin: auto auto 30px auto;
-moz-flex-flow: row wrap border-radius: 10px;
}
-moz-justify-content: center;
.product-image-container {
displayheight: -ms-flexbox124px;
-ms-flex-flowposition: row wraprelative;
}
-ms-justify-content: center;
.product-image {
height: 100%;
display: -webkit-flex position: absolute;
displaytop: -webkit-box50%;
-webkit-flex-flowleft: row wrap50%;
-webkit-justify-content: center;
transform: translate(-50%, -50%);
display: flex;}
flex-flow: row wrap;.product-title {
text-align: center;
justify-contentmargin: center;0 0 10px 0
!important;
}
.fluig-col#product-title-link {
widthfont-weight: 50%bold;
padding font-rightsize: 15px16pt;
padding-left color: 15px#013f65;
margintext-bottomdecoration: 30pxnone;
}
.fluig-panel#product-title-link:hover {
border: 1px solid #dadadatext-decoration: underline;
}
border.product-radius:desc 4px;{
paddingmargin: 0 30px!important;
}
.fluig-panel .fluig-panel-thumb {
width: 65pxtext-align: center;
}
.fluig-panel .fluig-panel-title {
font-size: 15px;
fontletter-sizespacing: 20px0px;
color: #58595b#494440;
}
</style>
.fluig-panel .fluig-panel-title a {
<section class="products">
<div id="product-nodecode" class="product">
color: #58595b;
<div class="product-image-container">
font-weight: bold;
}
.fluig-panel .fluig-panel-text {<img class="product-image" src="https://tdn.totvs.com/download/attachments/563436139/home-release-notes.png" alt="">
color: #58595b; </div>
line-height: 1.75;
margin-bottom: 0;
}
</style>
<div class="fluig<h2 class="product-title">
<div class="fluig-container">
<div<a classid="fluigproduct-title-rowlink">
<div classhref="fluig-col">
https://tdn.totvs.com/x/3XiVIQ">O que há de novo?</a>
<div class="fluig-panel fluig-text-center fluig-full-height"> </h2>
<img<p class="fluigproduct-panel-thumbdesc" src="https://tdn.totvs.com/download/attachments/66618245/bpm.png">
<h1 class="fluig-panel-title">>Fique por dentro das novidades e correções de cada atualização do TOTVS Collab.</p>
</div>
<a href="https://tdn.totvs.com/x/dPwlE">Abertura de Chamado</a><div id="product-identity" class="product">
</h1><div class="product-image-container">
<p<img class="fluigproduct-panel-textimage">O Abertura de chamado- <i>Business Process Management</i> - modela, automatiza processos e coloca em prática <i>workflows</i>, alavancando a produtividade da sua operação.</p>
src="https://tdn.totvs.com/download/attachments/563436139/home-guia-usu%C3%A1rio.png" alt="">
</div>
<h2 class="product-title">
<a </div>id="product-title-link" href="https://tdn.totvs.com/x/uVqVIQ" >Guia do usuário</a>
</div>h2>
<div<p class="fluigproduct-coldesc">
>Confira – passo a passo – como utilizar os recursos <div class="fluig-panel fluig-text-center fluig-full-height">
do TOTVS Collab no seu dia a dia.</p>
<img class</div>
<div id="fluigproduct-panel-thumbidentity" srcclass="https://tdn.totvs.com/download/attachments/66618245/ecm.pngproduct">
<div <h1 class="fluigproduct-panelimage-titlecontainer">
<img <a hrefclass="product-image" src="https://tdn.totvs.com/x/fhOqC">Lançamento de Documentos</a>
download/attachments/563436139/home-perguntas-frequentes.png" alt="">
</h1>div>
<h2 <p class="fluigproduct-panel-text">O Lançamento de Documentos- <i>Enterprise Content Management</i> - mantém vivo o conhecimento da sua empresa, permitindo compartilhar, controlar e acessar documentos a qualquer hora de maneira simples e fácil.</p>title">
<a id="product-title-link" href="https://tdn.totvs.com/x/DoFqIg" >Perguntas frequentes</a>
</h2>
<p </div>
</div>
<div class="fluig-col">
class="product-desc">Reunimos as perguntas mais frequentes para tornar sua busca por soluções mais ágil e fluída.</p>
</div> <div id="product-identity" class="product">
<div class="fluigproduct-panel fluig-text-center fluig-full-heightimage-container">
<img class="fluigproduct-panel-thumbimage" src="https://tdn.totvs.com/download/attachments/66618245/social563436139/home-aprenda-pr%C3%A1tica.png" alt="">
</div>
<h1 <h2 class="fluigproduct-panel-title">
<a<a id="product-title-link" href="https://tdn.totvs.com/x/gROqCRRvHKg">Solicitação >Aprenda dena Compra<prática</a>
</h1>h2>
<p class="fluigproduct-panel-textdesc">Com>Assista oa Socialvídeos vocêrápidos criae umaaprenda interfacecomo colaborativautilizar comos a publicaçãorecursos de informações e documentos para o público que desejar, bem como promove a troca de ideias entre os participantes em uma <i>timeline</i>.</p>forma intuitiva.</p>
</div>
</section> |
Comece agora mesmo!
| HTML |
|---|
<style type="text/css"> .cards-container { width: 100%; </div>height: auto; </div>margin: auto; <div class="fluig-col">display: flex; flex-direction: column; <div class="fluig-panel fluig-text-center fluig-full-height"> box-sizing: border-box; <img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/66618245/wcm.png"> justify-items: center; } .card { <h1 class="fluig-panel-title"> width: 100%; height: <a href="https://tdn.totvs.com/x/9YDIBg">Solicitação de Equipamentos</a> auto; display: flex; </h1> margin: auto auto 20px auto; <p class="fluig-panel-text">Com o WCM – <i>Web Content Management</i> – é possível criar portais corporativos que permitem a colaboração entre equipes da sua empresa, de maneira rápida e fácil.</p> box-shadow: 0px 2px 4px #00000029; border-radius: 10px; } .card-image { object-fit: cover; </div> width: 43%; </div> <div class="fluig-col"> max-width: 420px; <div class="fluig-panel fluig-text-center fluig-full-height">border-top-left-radius: 10px; border-bottom-left-radius: 10px; <img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/66618245/analytics.png"> } .card-text-container { <h1 class="fluig-panel-title">text-align: left; padding: 30px; } <a href="https://tdn.totvs.com/x/R4SbC">Inclusão de Contratos</a>.card-label { </h1>color: #8c8d8f; font-weight: bold; <p class="fluig-panel-text">Dados e informações geram conhecimento relevante para a tomada de decisão. Com o Analytics você pode criar <i>dashboards</i> simples e completos para as diversas áreas da empresa.</p> font-size: 13px; } #card-title-link { text-decoration: none; color: #CB1959; </div> font-weight: bold; </div> font-size: 17px; <div class="fluig-col"> } #card-title-link:hover { <div class="fluig-panel fluig-text-center fluig-full-height"> text-decoration: underline; } .card-desc { margin: 0 !important; <img class="fluig-panel-thumb" src="https://tdn.totvs.com/download/attachments/66618245/identity.png">font-size: 15px; font-weight: 400; <h1 class="fluig-panel-title"> letter-spacing: 0px; color: #494440; } <a href="https://tdn.totvs.com/x/NnA9I">Rotina de Cadastro</a> .card-text-margin-bottom { margin: 0 0 5px </h1>0 !important; } </style> <section class="cards-container"> <p<div class="fluig-panel-text">Com um único <i>login</i>, o Identity permite acesso a aplicações internas e externas em um ambiente seguro, unificado e 100% na nuvem. Ao realizar o primeiro <i>login</i>, todas as aplicações são liberadas.</p>card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/563436139/home-equipes.jpg" </div> alt="" </div>> <div class="fluigcard-text-colcontainer"> <div<p class="fluigcard-panellabel fluigcard-text-center fluig-full-height"> <img class="fluig-panel-thumb" srcmargin-bottom">Equipes</p> <h2 id="card-title" class="card-text-margin-bottom"> <a href="https://tdn.totvs.com/download/attachments/66618245/esb.png"> <h1 class="fluig-panel-title"> x/Xin-IQ#Collab|Minhasequipes-Criarequipe" id="card-title-link">Crie equipes colaborativas</a> <a href="https://tdn.totvs.com/x/S4SbC">Métricas</a></h2> </h1> <p class="fluig-panel-text">O ESB - <i>Enterprise Service Bus</i> - permite que sistemas em diferentes tecnologias possam trabalhar juntos. Com ele, integrações complexas se tornam muito mais simples e completamente gerenciáveis.</p> </div> </div> <p class="card-desc">Gerencie suas equipes com tarefas, projetos, reuniões e documentos.</p> </div> </div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/563436139/home-videochamada.jpg" alt="" > <div class="card-text-container"> <h2 id="card-title" class="card-text-margin-bottom"> <p class="card-label card-text-margin-bottom">Reuniões</p> <a href="https://tdn.totvs.com/x/GyTXIQ#Collab|Reuni%C3%B5es-Criarreuni%C3%A3o" id="card-title-link">Faça videochamadas a qualquer momento</a> </h2> <p class="card-desc">Reúna sua equipe a qualquer hora e de qualquer lugar para trocar ideias.</p> </div> </div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/563436139/home-monitoramento.jpg" alt="" > <div class="card-text-container"> <h2 id="card-title" class="card-text-margin-bottom"> <p class="card-label card-text-margin-bottom">Estatísticas</p> <a href="https://tdn.totvs.com/x/X0FuKw" id="card-title-link">Monitore o andamento das tarefas</a> </h2> <p class="card-desc">Acompanhe a situação das tarefas em cada projeto da equipe e tome as ações necessárias.</p> </div> </div> </section> |
Fale conosco!
| 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; font-weight: bold; font-size: 13px; } #card-title-link { text-decoration: none; color: #013f65; 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" style="color: #013f65"><b>Portal de clientes</b></a> ou por nosso canal telefônico <b>(11) 3003 5559</b>. A equipe de atendimento do TOTVS Collab estará pronta para lhe ajudar.</p> </div> </div> </div>section> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas