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; widthfont-size: 100%;13px; } #card-title-link { heighttext-decoration: autonone; margincolor: auto#CB1959; display font-weight: flexbold; flexfont-directionsize: column17px; } box#card-title-sizinglink:hover border-box;{ justifytext-itemsdecoration: centerunderline; } .card-desc { widthmargin: 100%; height: auto0 !important; displayfont-size: flex15px; marginfont-weight: auto auto 20px auto400; boxletter-shadow: 0px 2px 4px #00000029spacing: 0px; border-radiuscolor: 10px#494440; } .card-text-imagemargin-bottom { object-fitmargin: cover; 0 0 5px 0 !important; width: 43%;} </style> <section class="cards-container"> max-width: 420px; <div class="card"> border-top-left-radius: 10px; <img border-bottom-left-radius: 10px; } .class="card-image. card-image-full" { width: 100%; src="https://tdn.totvs.com/download/attachments/66618185/central-ajuda.png" max-width: inherit; alt="" border-radius: 10px; > display: block; } </div> </section> |
Navegue por produto
HTML |
---|
<style type="text/css"> .card-text-containerproducts { text-aligndisplay: leftflex; paddingjustify-content: 30pxcenter; } .cardflex-labelwrap: {wrap; colorword-break: orangebreak-word; } font-weight: bold;.product { fontbox-sizesizing: 13pxborder-box; } #card-title-link {display: flex; textflex-decorationdirection: nonecolumn; colorwidth: #CB1959280px; font-weightpadding: bold15px; fontbox-size: 17pxshadow: 0px 2px 4px #00000029; } #card-title-link:hover {margin: auto auto 30px auto; textborder-decorationradius: underline10px; } .cardproduct-image-desccontainer { marginheight: 0 !important160px; font-sizeposition: 15pxrelative; } font.product-weight:image 400;{ letter-spacingheight: 0px70%; colorposition: #494440absolute; } .card-text-margin-bottom {top: 50%; marginleft: 50%; 0 0 5px 0 !important; } </style> <section class="cards-container">transform: translate(-50%, -50%); <div class="card"> } .product-title { <img text-align: center; margin: 0 0 class="card-image card-image-full" 10px 0 !important; } src="https://tdn.totvs.com/download/attachments/66618185/central-ajuda.png" #product-title-link { font-weight: bold; alt="" font-size: 15pt; color: #CB1959; > text-decoration: none; </div> </section> |
Navegue por produto
HTML |
---|
<style type="text/css">} .products#product-title-link:hover { display text-decoration: flexunderline; } justify.product-content:desc center;{ flex-wrapmargin: wrap0 !important; wordtext-breakalign: break-wordcenter; } .product {font-size: 15px; boxletter-sizingspacing: border-box0px; displaycolor: flex#494440; flex-direction: column;} </style> <section class="products"> <div width: 280px;id="product-plataforma" class="product"> padding: 15px; <div class="product-image-container"> box-shadow: 0px 2px 4px #00000029; <img margin: auto auto 30px auto;class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt=""> border-radius: 10px; </div> } <h2 .class="product-image-container {title"> height: 160px; <a position: relative;id="product-title-link" href="https://tdn.totvs.com/x/hYP4Aw">TOTVS Fluig Plataforma</a> } .product-image {</h2> height: 70%; <p class="product-desc"> position: absolute; Unifique processos, top: 50%; left: 50%;pessoas e sistemas com uma interface fácil de usar e intuitiva. transform: translate(-50%, -50%);</p> }</div> <div .id="product-title { nodecode" class="product"> text-align: center; <div class="product-image-container"> margin: 0 0 10px 0 !important;<img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt=""> } #product-title-link { </div> <h2 font-weight: bold;class="product-title"> font-size: 15pt; <a id="product-title-link" color: #CB1959;href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a> text-decoration: none; </h2> } <p #product-title-link:hover { class="product-desc"> text-decoration: underline; } Resolva diversas necessidades do .product-desc { margin: 0 !important; dia a dia sem precisar de linhas de código. text-align: center; </p> </div> <div font-size: 15px; id="product-identity" class="product"> letter-spacing: 0px; <div class="product-image-container"> color: #494440; } </style> <section class="products"> <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt=""> <div id="product-plataforma" class="product"> </div> <div<h2 class="product-image-containertitle"> <img<a classid="product-imagetitle-link" srchref="https://tdn.totvs.com/download/attachments/66618185/plataforma.png" alt="">x/NnA9I" >TOTVS Identity</a> </div>h2> <h2<p class="product-titledesc"> Tenha autenticação única para acessar sistemas <a id="product-title-link" href="https://tdn.totvs.com/x/hYP4Aw">TOTVS Fluig Plataforma</a>da empresa com <i>single sign-on</i>. </h2>p> <p class</div> </section> |
Saiba o que há de novo!
HTML |
---|
<style type="text/css="product-desc"> .cards-container { Unifique processos, pessoas e sistemas com uma interface fácil de usar e intuitiva.width: 100%; height: auto; </p> </div> <div id="product-nodecode" class="product"> margin: auto; <div class="product-image-container"> display: flex; <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt="">flex-direction: column; </div> box-sizing: border-box; <h2 class="product-title"> justify-items: center; } .card { <a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a> width: 100%; </h2>height: auto; <p class="product-desc">display: flex; margin: auto auto 20px Resolvaauto; diversas necessidades do dia a dia sem precisar de linhas de código. box-shadow: 0px 2px 4px #00000029; </p>border-radius: 10px; </div>} <div id="product-identity" class="product">.card-image { <div class="product-image-container"> object-fit: cover; width: 43%; <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/identity.png" alt="">max-width: 420px; </div> border-top-left-radius: 10px; <h2 class="product-title"> border-bottom-left-radius: 10px; } <a id="product-title-link" href="https://tdn.totvs.com/x/NnA9I" >TOTVS Identity</a> .card-text-container { </h2>text-align: left; <p class="product-desc">padding: 30px; } Tenha autenticação única para acessar sistemas da empresa com <i>single sign-on</i>..card-label { color: orange; </p> font-weight: bold; </div> </section> |
Saiba o que há de novo!
HTML |
---|
<style type="text/css"> .cardsfont-containersize: {13px; } width: 100%;#card-title-link { heighttext-decoration: autonone; margincolor: auto#CB1959; displayfont-weight: flexbold; flexfont-directionsize: column17px; } box#card-title-sizinglink:hover border-box;{ justifytext-itemsdecoration: centerunderline; } .card-desc { widthmargin: 100%; height: auto0 !important; displayfont-size: flex15px; marginfont-weight: auto auto 20px auto400; boxletter-shadowspacing: 0px 2px 4px #00000029; border-radiuscolor: 10px#494440; } .card-text-imagemargin-bottom { object-fit: cover;margin: 0 0 5px 0 !important; } </style> <section class="cards-container"> <div class="card"> width:<img 43%; max-width: 420px; class="card-image" border-top-left-radius: 10px; src="https://tdn.totvs.com/download/attachments/66618185/banner_menor.png?api=v2" border-bottom-left-radius: 10px; alt="" } .card-text-container { > <div class="card-text-align: left; container"> padding: 30px; } <p .class="card-label { card-text-margin-bottom">TOTVS Fluig Plataforma</p> color: orange; <h2 font-weight: bold;id="card-title" class="card-text-margin-bottom"> font-size: 13px; } <a #cardhref="https://tdn.totvs.com/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222" id="card-title-link {"> text-decoration: none; color: #CB1959; Chegou uma nova experiência font-weight: bold; em solicitações font-size: 17px; } #card-title-link:hover {</a> text-decoration: underline; } </h2> .card-desc { margin: 0 !important;<p class="card-desc"> font-size: 15px; Modernizamos font-weight: 400; letter-spacing: 0px; color: #494440; } .card-text-margin-bottom { 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> margin: 0 0 5px 0 !important; </div> } </style> <section class="cards-container">div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/banner_menorhome-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/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222x/a1qVIQ" id="card-title-link"> >Novo TOTVS Collab: seu aliado na gestão Chegou uma nova experiência em solicitações de equipes e projetos!</a> </h2> <p class="card-desc"> >Gerencie suas equipes presenciais e remotas, acompanhe o andamento 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. 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/a1qVIQJ5LpEg" id="card-title-link">Novo TOTVS Collab: seu aliado na gestão de equipes e projetos!> MFA obrigatório e opcional ao mesmo tempo? Sim, é possível! </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">Indique a autenticação multifatorial como obrigatória para alguns grupos de usuários e deixe-a como opcional para outros.</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-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;
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