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; widthfont-weight: 100%bold; heightfont-size: auto17px; } margin#card-title-link:hover auto;{ displaytext-decoration: flexunderline; } flex.card-direction:desc column;{ box-sizingmargin: border-box 0 !important; justifyfont-itemssize: center15px; } .card {font-weight: 400; widthletter-spacing: 100%0px; heightcolor: auto#494440; } display: flex;.card-text-margin-bottom { margin: auto0 0 auto5px 20px0 auto!important; } </style> <section class="cards-container"> box-shadow: 0px 2px 4px #00000029;<div class="card"> border-radius: 10px; <img } .card-image { object-fit: cover;class="card-image card-image-full" width: 43%; src="https://tdn.totvs.com/download/attachments/66618185/central-ajuda.png" max-width: 420px; alt="" border-top-left-radius: 10px; > border-bottom-left-radius: 10px; } </div> </section> |
Navegue por produto
HTML |
---|
<style type="text/css"> .card-image.card-image-fullproducts { widthdisplay: 100%flex; maxjustify-widthcontent: inheritcenter; borderflex-radiuswrap: 10pxwrap; displayword-break: blockbreak-word; } .card-text-container {product { box-sizing: border-box; text-aligndisplay: leftflex; paddingflex-direction: 30pxcolumn; } .card-label {width: 280px; colorpadding: orange15px; fontbox-weightshadow: bold0px 2px 4px #00000029; font-size: 13pxmargin: auto auto 30px auto; } #card-title-link {border-radius: 10px; } text-decoration: none;.product-image-container { colorheight: #CB1959160px; font-weightposition: boldrelative; } font.product-size:image 17px;{ } #card-title-linkheight:hover {70%; text-decorationposition: underlineabsolute; } .card-desc {top: 50%; marginleft: 0 !important50%; transform: font-size: 15pxtranslate(-50%, -50%); } font-weight: 400;.product-title { lettertext-spacingalign: 0pxcenter; colormargin: #4944400 0 10px 0 !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; } .product-desc { alt="" margin: 0 !important; > text-align: center; </div> </section> |
Navegue por produto
HTML |
---|
<style type="text/css"> .products {font-size: 15px; displayletter-spacing: flex0px; justify-content: center;color: #494440; } </style> <section class="products"> flex-wrap: wrap;<div id="product-plataforma" class="product"> word-break: break-word; <div class="product-image-container"> } .product { <img class="product-image" box-sizing: border-box;src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt=""> display: flex; </div> <h2 flex-direction: column;class="product-title"> width: 280px; <a padding: 15px;id="product-title-link" href="https://tdn.totvs.com/x/hYP4Aw">TOTVS Fluig</a> box-shadow: 0px 2px 4px #00000029; </h2> <p class="product-desc"> margin: auto auto 30px auto; Unifique processos, pessoas border-radius: 10px; } .product-image-container {e sistemas com uma interface fácil de usar e intuitiva. height: 160px; </p> </div> position: relative;<div id="product-nodecode" class="product"> } <div .class="product-image {-container"> height: 70%; <img position: absolute;class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt=""> top: 50%;</div> left: 50%;<h2 class="product-title"> transform: translate(-50%, -50%); } .<a id="product-title { -link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a> text-align: center; </h2> margin: 0 0 10px 0 !important;<p class="product-desc"> } #product-title-link { Resolva diversas necessidades do dia font-weight: bold; font-size: 15pt; a dia sem precisar de linhas de código. </p> color: #CB1959; </div> text-decoration: none;<div id="product-identity" class="product"> } <div #product-title-link:hover {class="product-image-container"> text-decoration: underline; } .product-desc {<img 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 id="product-title-link" href="https://tdn.totvs.com/x/NnA9I" >TOTVS Identity</a> letter-spacing: 0px; </h2> color: #494440; } </style> <section<p class="productsproduct-desc"> <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="" Tenha autenticação única para acessar sistemas da empresa com <i>single sign-on</i>. </p> </div> <div id="product-flows" class="product"> </div> <h2<div class="product-titleimage-container"> <a<img idclass="product-title-linkimage" hrefsrc="https://tdn.totvs.com/x/hYP4Aw">TOTVS Fluig Plataforma</a>/download/attachments/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. </p> </div> <div id="product-nodecode" class="product"><a id="product-title-link" href="https://tdn.totvs.com/x/oFVzL" >TOTVS Flows</a> </h2> <div<p class="product-image-containerdesc"> Muito mais produtividade com processos pré-definidos, basta <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt="">instalar e começar a usar. </div>p> </div> <h2 class="product-title </section> |
Saiba o que há de novo!
HTML |
---|
<style type="text/css"> <a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a>.cards-container { width: 100%; </h2>height: auto; <p class="product-desc">margin: auto; display: flex; Resolva diversas necessidades do dia a dia sem precisar de linhas de código. flex-direction: column; box-sizing: border-box; </p>justify-items: center; </div>} <div id="product-identity" class="product">.card { <div class="product-image-container"> width: 100%; height: auto; <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt=""> display: flex; </div>margin: auto auto 20px auto; <h2 class="product-title"> box-shadow: 0px 2px 4px #00000029; <a id="product-title-link" href="https://tdn.totvs.com/x/NnA9I" >TOTVS Identity</a>border-radius: 10px; } .card-image { </h2> object-fit: cover; <p class="product-desc"> width: 43%; Tenha autenticação única para acessar sistemas da empresa com <i>single sign-on</i>.max-width: 420px; border-top-left-radius: 10px; </p> border-bottom-left-radius: 10px; </div> </section> |
Saiba o que há de novo!
HTML |
---|
<style type="text/css">} .cardscard-text-container { widthtext-align: 100%left; heightpadding: auto;30px; } .card-label { margincolor: 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-radiusmargin: 10px0 !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/banner_512x258.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/hCFzL" id="card-title-link"> margin: 0 !important; font-size: 15px; Atualização Silver Mist font-weight: 400; 1.8.1 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