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-nodecode" class="product"> <div class="product-image-container"> <img class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/no-code.png" alt=""> </div> <h2 class="product-title"> <a id="product-title-link" href="https://tdn.totvs.com/x/PzkzJg">TOTVS Fluig No-Code</a> </h2> <p class="product-desc"> Resolva diversas necessidades do dia a dia sem precisar de linhas de código. </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 {<div id="product-flows" class="product"> width: 100%;<div class="product-image-container"> height: auto; <img margin: auto;class="product-image" src="https://tdn.totvs.com/download/attachments/66618185/Icon%20flows%20TDN-03.png?api=v2" alt=""> display: flex; </div> <h2 flex-direction: column; class="product-title"> box-sizing: border-box; justify-items: center;<a id="product-title-link" href="https://tdn.totvs.com/x/oFVzL" >TOTVS Flows</a> } .card {</h2> width: 100%;<p class="product-desc"> Muito mais height: auto; display: flex;produtividade com processos pré-definidos, basta instalar e começar a usar. </p> </div> </section> |
Saiba o que há de novo!
HTML |
---|
<style type="text/css"> margin: auto auto 20px auto; box-shadow: 0px 2px 4px #00000029;.cards-container { border-radiuswidth: 10px100%; } .card-image {height: auto; object-fitmargin: coverauto; widthdisplay: 43%flex; maxflex-widthdirection: 420pxcolumn; border-top-left-radiusbox-sizing: 10pxborder-box; border-bottom-left-radiusjustify-items: 10pxcenter; } .card-text-container { text-alignwidth: left100%; paddingheight: 30pxauto; } .card-label {display: flex; colormargin: orange auto auto 20px auto; fontbox-weight: boldshadow: 0px 2px 4px #00000029; fontborder-sizeradius: 13px10px; } #card-title-link.card-image { textobject-decorationfit: nonecover; colorwidth: #CB195943%; fontmax-weightwidth: bold420px; font-sizeborder-top-left-radius: 17px10px; } #cardborder-title-link:hover { text-decoration: underlinebottom-left-radius: 10px; } .card-text-desccontainer { margintext-align: 0 !importantleft; font-sizepadding: 15px30px; } font-weight: 400.card-label { color: #FEAC0E; letterfont-spacingweight: 0pxbold; colorfont-size: #49444013px; } .card#card-texttitle-margin-bottomlink { margintext-decoration: 0none; 0 5px 0 !important; } </style> <section class="cards-container">color: #0897E9; <div class="card"> font-weight: bold; <img font-size: 17px; } class="card-image" #card-title-link:hover { src="https://tdn.totvs.com/download/attachments/66618185/banner_menor.png?api=v2" text-decoration: underline; } .card-desc { alt="" margin: 0 >!important; <div class="card-text-container">font-size: 15px; font-weight: 400; <p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma</p> letter-spacing: 0px; color: #494440; <h2 id="card-title" class=" } .card-text-margin-bottom"> { margin: 0 0 5px 0 !important; <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222" id="card-title-link} </style> <section class="cards-container"> <div class="card"> <img Chegou uma nova experiência em solicitações class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/banner_512x258.png?" </a> alt="" </h2> > <p<div class="card-text-desccontainer"> <p class="card-label card-text-margin-bottom">TOTVS Fluig</p> 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.<h2 id="card-title" class="card-text-margin-bottom"> </p> </div> </div> <div class="card<a href="https://tdn.totvs.com/x/hCFzL" id="card-title-link"> <img Atualização Silver Mist class="card-image" 1.8.1 src="https://tdn.totvs.com/download/attachments/66618185/home-novo-collab.png" </a> alt=""</h2> > <p <div class="card-text-container"> <p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p> desc">Fique por dentro de todas as novidades da última grande atualização do TOTVS Fluig Plataforma para agregar valor ao seu negócio. <h2 id="card-title" class="card-text-margin-bottom"> </p> </div> <a href="https://tdn.totvs.com/x/a1qVIQ" id="card-title-link">Novo TOTVS Collab: seu aliado na gestão de equipes e projetos!</a> </div> <div class="card"> <img </h2>class="card-image" <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> src="https://tdn.totvs.com/download/attachments/66618185/home-novo-collab.png" alt="" > <div class="card-text-container"> </div> </div> </section> |
Quer saber mais?
HTML |
---|
<style type="text/css"> .cards-container { <p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p> width: 100%; <h2 id="card-title" class="card-text-margin-bottom"> height: auto; margin: auto; <a href="https://tdn.totvs.com/x/a1qVIQ" id="card-title-link">Novo TOTVS displayCollab: flex; seu aliado na gestão de equipes flex-direction: column;e projetos!</a> box-sizing: border-box; </h2> justify-items: center; } <p .card { width: 100%; height: auto;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> display: flex; </div> </div> margin: auto auto 20px auto; <div class="card"> <img box-shadow: 0px 2px 4px #00000029; class="card-image" border-radius: 10px; } .card-image { src="https://tdn.totvs.com/download/attachments/66618185/mfa.png" object-fit: cover; alt="" width: 43%;> max-width: 420px; <div class="card-text-container"> border-top-left-radius: 10px; <p border-bottom-left-radius: 10px; class="card-label card-text-margin-bottom">TOTVS Identity</p> } <h2 .id="card-image.card-image-full { title" class="card-text-margin-bottom"> width: 100%; <a max-width: inherit; border-radius: 10px;href="https://tdn.totvs.com/x/A1PDLw" id="card-title-link">Mais segurança para sua empresa e seus usuários</a> display: block; } </h2> .card-text-container { <p class="card-desc">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-containertext-align: left; padding: 30px; } .card-label { color: orange; font-weight: bold; font-size: 13px; } #card-title-link { text-decorationwidth: none100%; colorheight: #CB1959auto; font-weightmargin: boldauto; font-sizedisplay: 17pxflex; } #cardflex-title-linkdirection:hover {column; text-decoration: underlinebox-sizing: border-box; justify-items: center; } .card-desc { margin: 0 !importantwidth: 100%; height: auto; font-sizedisplay: 15pxflex; font-weight: 400margin: auto auto 20px auto; letterbox-spacingshadow: 0px 2px 4px #00000029; colorborder-radius: #49444010px; } .card-text-margin-bottom image { marginobject-fit: 0cover; 0 5px 0 !important; } </style> <section class="cards-container">width: 43%; <div class="card"> <a href="https://academy.fluig.com/" target="_blank"> max-width: 420px; <img border-top-left-radius: 10px; border-bottom-left-radius: 10px; class=" } .card-image .card-image-full" { src="https://tdn.totvs.com/download/attachments/66618185/Academy.png" width: 100%; alt=""max-width: inherit; ></a>border-radius: 10px; display: block; </div> </section> |
HTML |
<style type="text/css">} .cardscard-text-container { widthtext-align: 100%left; heightpadding: auto30px; } margin: auto;.card-label { displaycolor: flex#FEAC0E; flexfont-directionweight: columnbold; boxfont-sizingsize: border-box13px; } justify-items: center; } .card #card-title-link { widthtext-decoration: 100%none; heightcolor: auto#0897E9; displayfont-weight: flexbold; marginfont-size: auto auto 20px auto17px; } box#card-title-shadowlink: 0px 2px 4px #00000029;hover { bordertext-radiusdecoration: 10pxunderline; } .card-imagedesc { object-fit: covermargin: 0 !important; widthfont-size: 43%15px; maxfont-widthweight: 420px400; border-top-left-radiusletter-spacing: 10px0px; border-bottom-left-radiuscolor: 10px#494440; } .card-text-containermargin-bottom { text-alignmargin: left; 0 0 5px padding: 30px0 !important; } </style> <section class="cards-container"> .card-label {<div class="card"> <a color: orange;href="https://academy.fluig.com/" target="_blank"> font-weight: bold;<img font-size: 13px; class="card-image card-image-full" } #card-title-link { text-decoration: none;src="https://tdn.totvs.com/download/attachments/66618185/Academy.png" color: #CB1959; alt="" font-weight: bold; ></a> font-size: 17px; </div> </section> |
HTML | ||
---|---|---|
<style type="text/css">} #card-title-link:hover.cards-container { text-decorationwidth: underline100%; } .card-desc {height: auto; margin: 0 !importantauto; font-sizedisplay: 15pxflex; fontflex-weightdirection: 400column; letterbox-spacingsizing: 0pxborder-box; colorjustify-items: #494440center; } .card-text-margin-bottom { margin: 0 0 5px 0 !importantwidth: 100%; height: auto; } </style> <section class="cards-container"> display: flex; <div class="card"> margin: auto auto 20px auto; <div class="card-text-container"> box-shadow: 0px 2px 4px #00000029; <p class="card-label card-text-margin-bottom">Suporte</p>border-radius: 10px; } <h2 id="card-title" class="card-text-margin-bottom">.card-image { object-fit: cover; <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>width: 43%; max-width: 420px; border-top-left-radius: 10px; </h2> border-bottom-left-radius: 10px; } <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> | ||
Painel | ||
| ||
<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>-text-container {
text-align: left;
padding: 30px;
}
.card-label {
color: #FEAC0E;
font-weight: bold;
font-size: 13px;
}
#card-title-link {
text-decoration: none;
color: #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