Histórico da Página
...
...
HTML | ||
---|---|---|
HTML | ||
<style type | oculto | <div class=" card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.jpg" 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/ZWWPKQ" id="card-title-link"> Novidades na configuração de Active Directory e SmartSync </a> </h2> <p class="card-desc">Inclua diretórios e gerencie a importação de usuários e grupos do Active Directory com muito mais facilidade. Acompanhe tudo o que acontece no SmartSync por meio de logs e uma tela totalmente reformulada.</p> </div> </div> |
<style type="text/css"> .cards-container {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; font-weight: bold; font-size: 13px; } #card-title-link { text-decoration: none; color: #CB1959; font-weight: bold; font-size: 17px; } #card-title-link:hover { text-decoration: underline; } .card-desc { margin: 0 !important; widthfont-size: 100%15px; heightfont-weight: auto400; marginletter-spacing: auto0px; displaycolor: flex#494440; } flex-direction: column; box-sizing: border-box;.card-text-margin-bottom { margin: 0 0 5px 0 !important; } </style> <section class="cards-container"> <div class="card"> justify-items: center; } .card<img { width: 100%; class="card-image card-image-full" height: auto; display: flex;src="https://tdn.totvs.com/download/attachments/66618185/central-ajuda.png" margin: auto auto 20px auto; alt="" box-shadow:> 0px 2px 4px #00000029; border-radius: 10px; } </div> </section> |
Navegue por produto
HTML |
---|
<style type="text/css"> .card-image { object-fit: cover;products { widthdisplay: 43%flex; maxjustify-widthcontent: 420pxcenter; border-top-left-radiusflex-wrap: 10pxwrap; border-bottom-left-radiusword-break: 10pxbreak-word; } .card-image.card-image-fullproduct { width: 100%; max-width: inherit; border-radius: 10pxbox-sizing: border-box; display: blockflex; } .card-text-container {flex-direction: column; text-alignwidth: left280px; padding: 30px15px; } .cardbox-labelshadow: { 0px 2px 4px #00000029; color: orange; margin: auto auto font-weight: bold30px auto; fontborder-sizeradius: 13px10px; } #card.product-titleimage-linkcontainer { text-decorationheight: none160px; colorposition: #CB1959relative; } font.product-weight:image bold;{ font-sizeheight: 17px70%; } #card-title-linkposition:hover {absolute; text-decorationtop: underline50%; } .card-desc {left: 50%; margintransform: 0 !importanttranslate(-50%, -50%); } font.product-size:title 15px;{ fonttext-weightalign: 400center; letter-spacingmargin: 0px; 0 0 10px color: #4944400 !important; } .card#product-texttitle-margin-bottomlink { marginfont-weight: 0 0 5px 0 !importantbold; } </style> <section class="cards-container"> <div class="card">font-size: 15pt; color: #0897E9; <img text-decoration: none; } class="card-image card-image-full" #product-title-link:hover { src="https://tdn.totvs.com/download/attachments/66618185/central-ajuda.png" text-decoration: underline; } alt="" .product-desc { margin: 0 >!important; text-align: center; </div> </section> |
Navegue por produto
HTML |
---|
<style type="text/css"> .products {font-size: 15px; displayletter-spacing: flex0px; justify-contentcolor: center#494440; } </style> <section class="products"> <div flex-wrap: wrap;id="product-plataforma" class="product"> word-break: break-word;<div class="product-image-container"> } .product { <img box-sizing: border-box; display: flex;class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt=""> flex-direction: column;</div> width: 280px;<h2 class="product-title"> padding: 15px; <a box-shadow: 0px 2px 4px #00000029; id="product-title-link" href="https://tdn.totvs.com/x/hYP4Aw">TOTVS Fluig</a> </h2> margin: auto auto 30px auto; <p class="product-desc"> border-radius: 10px; } Unifique processos, .product-image-container { height: 160px;pessoas e sistemas com uma interface fácil de usar e intuitiva. position: relative;</p> }</div> <div .id="product-image {nodecode" class="product"> height: 70%; <div class="product-image-container"> position: absolute; <img top: 50%;class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt=""> left: 50%;</div> transform: translate(-50%, -50%);<h2 class="product-title"> } .product-title { <a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig text-align: center; No-Code</a> margin: 0 0 10px 0 !important; </h2> } <p #product-title-link {class="product-desc"> font-weight: bold; Resolva diversas necessidades do font-size: 15pt; dia a dia sem precisar de linhas de código. color: #CB1959; </p> text-decoration: none; </div> } <div id="product-identity" class="product"> #product-title-link:hover { <div class="product-image-container"> text-decoration: underline; } <img .product-desc {class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt=""> margin: 0 !important; </div> text-align: center;<h2 class="product-title"> font-size: 15px; <a letter-spacing: 0px; id="product-title-link" href="https://tdn.totvs.com/x/NnA9I" >TOTVS Identity</a> color: #494440; } </style>h2> <section class="products"> <div id="product-plataforma" <p class="product-desc"> <div class="product-image-container"> Tenha autenticação única para acessar sistemas da empresa com <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt=""><i>single sign-on</i>. </p> </div> <div id="product-flows" class="product"> <h2 <div class="product-image-titlecontainer"> <a<img idclass="product-title-linkimage" hrefsrc="https://tdn.totvs.com/download/attachments/x/hYP4Aw">TOTVS Fluig Plataforma</a>66618185/Icon%20flows%20TDN-03.png?api=v2" alt=""> </h2>div> <p<h2 class="product-desctitle"> Unifique processos, pessoas e sistemas com uma interface fácil de usar e intuitiva.<a id="product-title-link" href="https://tdn.totvs.com/x/oFVzL" >TOTVS Flows</a> </p>h2> </div> <div<p idclass="product-nodecode" class="productdesc"> Muito mais <div class="product-image-container"> produtividade com processos pré-definidos, basta instalar e começar a usar. <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code. </p> </div> </section> |
Saiba o que há de novo!
HTML |
---|
<style type="text/csspng" alt=""> </div>.cards-container { <h2 class="product-title">width: 100%; <a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a>height: auto; </h2> margin: auto; <p class="product-desc">display: flex; flex-direction: column; Resolva diversas necessidades do dia a dia sem precisar de linhas de código.box-sizing: border-box; justify-items: center; } </p> .card { </div> width: 100%; <div id="product-identity" class="product"> height: auto; <div class="product-image-container"> display: flex; margin: <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt="">auto auto 20px auto; </div> box-shadow: 0px 2px 4px #00000029; <h2 class="product-title"> border-radius: 10px; } <a id="product-title-link" href="https://tdn.totvs.com/x/NnA9I" >TOTVS Identity</a> .card-image { </h2>object-fit: cover; <p class="product-desc">width: 43%; max-width: 420px; Tenha autenticação única para acessar sistemas da empresa com <i>single sign-on</i>. border-top-left-radius: 10px; </p> </div> </section> |
Saiba o que há de novo!
HTML |
---|
<style type="text/css">border-bottom-left-radius: 10px; } .cardscard-text-container { widthtext-align: 100%left; heightpadding: auto30px; } margin.card-label { color: auto#FEAC0E; displayfont-weight: flexbold; flexfont-directionsize: column13px; } box-sizing: border-box;#card-title-link { justifytext-itemsdecoration: centernone; } .card {color: #0897E9; widthfont-weight: 100%bold; heightfont-size: auto17px; } display#card-title-link:hover flex;{ margintext-decoration: auto auto 20px autounderline; } box.card-shadow: 0px 2px 4px #00000029; desc { border-radius: 10pxmargin: 0 !important; } .cardfont-imagesize: {15px; objectfont-fitweight: cover400; widthletter-spacing: 43%0px; max-widthcolor: 420px#494440; } border.card-toptext-leftmargin-radius:bottom 10px;{ border-bottom-left-radius: 10pxmargin: 0 0 5px 0 !important; } </style> .card-text-container {<section class="cards-container"> <div class="card"> text-align: left; <img padding: 30px; } .class="card-labelimage" { color: orange; font-weight: bold; src="https://tdn.totvs.com/download/attachments/66618185/Crystal_Mist_1.8.2.png" font-size: 13px; alt="" } #card-title-link { > <div class="card-text-decoration: none;container"> color: #CB1959; <p font-weight: bold; class="card-label card-text-margin-bottom">TOTVS Fluig</p> font-size: 17px; } <h2 #cardid="card-title-link:hover {" class="card-text-margin-bottom"> text-decoration: underline; } <a href="https://tdn.totvs.card-desc { com/x/YEv9MQ" id="card-title-link"> margin: 0 !important; font-size: 15px; Atualização Crystal Mist font-weight: 400; 1.8.2 letter-spacing: 0px; color: #494440;</a> } .card-text-margin-bottom { </h2> margin: 0 0 5px 0 !important; } </style> <section<p class="cardscard-container"> <div class="card"> <img desc">Fique por dentro de todas as novidades da última grande atualização do TOTVS Fluig Plataforma para agregar valor ao seu negócio. class="card-image" </p> src="https://tdn.totvs.com/download/attachments/66618185/banner_menor.png?api=v2" </div> </div> <div altclass="card"> ><img <div class="card-text-containerimage"> <p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma</p>src="https://tdn.totvs.com/download/attachments/66618185/home-novo-collab.png" <h2 id="card-title" class="card-text-margin-bottom">alt="" > <a<div href="https://tdn.totvs.com/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222" id="card-title-linkclass="card-text-container"> <p class="card-label card-text-margin-bottom">TOTVS Chegou uma nova experiência em solicitaçõesFluig No-Code</p> <h2 id="card-title" class="card-text-margin-bottom"> </a> </h2> <a href="https://tdn.totvs.com/x/a1qVIQ" id="card-title-link">Novo TOTVS Collab: seu aliado na gestão de equipes <p class="card-desc">e projetos!</a> </h2> Modernizamos a abertura e interação com as solicitações, deixando ainda mais intuitivo, melhorando a disposição das informações e facilitando o uso. <p class="card-desc">Gerencie suas equipes presenciais e remotas, acompanhe o andamento dos projetos e tarefas, faça videochamadas, anexe documentos do Google Drive e muito mais.</p> </div> </div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/home-novo-collabmfa.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/x/a1qVIQA1PDLw" id="card-title-link">Novo>Mais TOTVSsegurança Collab:para seusua aliadoempresa nae gestão de equipes e projetos!<seus usuários</a> </h2> <p class="card-desc">Gerencie suas equipes presenciais e remotas, acompanhe o andamento dos projetos e tarefas, faça videochamadas, anexe documentos do Google Drive e muito mais>Por padrão, o Identity já tem uma série de critérios que os usuários devem respeitar quando trocam a senha. A novidade é que os requisitos de complexidade de senha podem ser personalizados, com requisitos específicos para que a senha seja considerada válida.</p> </div> </div> </section> |
Quer saber mais?
...
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> <script> $("b:contains('oculto')").parent().parent().hide(); </script> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas