Histórico da Página
...
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"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/banner_menor.png?api=v2" alt="" > <div class="card-text-container"> <p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma</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)-221222" id="card-title-link"> Chegou uma nova experiência em solicitações </a> </h2> <p class="card-desc"> 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> </div> </div> <div class="card"> <img class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/home-novo-collab.png" alt="" > <div class="card-text-container"> <p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p> <h2 id="card-title" class="card-text-margin-bottom"> <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> </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.</p> </div> </div> <div class="card </section> |
Quer saber mais?
HTML |
---|
<style type="text/css"> .cards-container { <img width: 100%; class="card-image" height: auto; margin: auto; src="https://tdn.totvs.com/download/attachments/66618185/identity.jpg" display: flex; alt="" flex-direction: column; > box-sizing: border-box; <div class="card-text-container"> justify-items: center; } .card { <p class="card-label card-text-margin-bottom">TOTVS Identity</p> width: 100%; height: auto; <h2 id="card-title" class="card-text-margin-bottom"> display: flex; margin: auto auto 20px auto; <a href="https://tdn.totvs.com/x/ZWWPKQ" id="card-title-link"> box-shadow: 0px 2px 4px #00000029; border-radius: 10px; Novidades na configuração} de Active Directory e SmartSync.card-image { object-fit: cover; </a> width: 43%; </h2>max-width: 420px; border-top-left-radius: 10px; <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> border-bottom-left-radius: 10px; } .card-image.card-image-full { width: 100%; max-width: inherit; </div> border-radius: 10px; </div> </section> |
Quer saber mais?
HTML |
---|
<style type="text/css">display: block; } .cardscard-text-container { widthtext-align: 100%left; heightpadding: auto30px; } margin: auto;.card-label { displaycolor: flexorange; flexfont-directionweight: columnbold; boxfont-sizingsize: border-box13px; } justify-items: center;#card-title-link { } .card { width: 100%text-decoration: none; heightcolor: auto#CB1959; displayfont-weight: flexbold; marginfont-size: auto auto 20px auto17px; } box#card-title-shadowlink: 0px 2px 4px #00000029;hover { bordertext-radiusdecoration: 10pxunderline; } .card-imagedesc { object-fitmargin: 0 cover!important; widthfont-size: 43%15px; maxfont-widthweight: 420px400; border-top-left-radiusletter-spacing: 10px0px; border-bottom-left-radiuscolor: 10px#494440; } .card-image.cardtext-imagemargin-fullbottom { widthmargin: 0 100%; 0 5px 0 !important; max-width: inherit;} </style> <section class="cards-container"> <div class="card"> border-radius: 10px; <a href="https://academy.fluig.com/" target="_blank"> display: block; <img } .card-text-container { text-align: left;class="card-image card-image-full" padding: 30px; } src="https://tdn.totvs.com/download/attachments/66618185/Academy.png" .card-label { color: orange;alt="" font-weight: bold; ></a> font-size: 13px; </div> </section> |
HTML |
---|
<style type="text/css">} #card-title-link.cards-container { text-decoration: nonewidth: 100%; height: auto; colormargin: #CB1959auto; font-weightdisplay: boldflex; fontflex-sizedirection: 17pxcolumn; } #cardbox-title-linksizing:hover {border-box; textjustify-decorationitems: underlinecenter; } .card-desc { marginwidth: 0 !important100%; font-sizeheight: 15pxauto; font-weightdisplay: 400flex; letter-spacingmargin: auto auto 20px auto; box-shadow: 0px 2px 4px #00000029; colorborder-radius: #49444010px; } .card-text-margin-bottomimage { margin: 0 0 5px 0 !important; object-fit: cover; width: } </style> <section class="cards-container"> 43%; <div class="card"> <a href="https://academy.fluig.com/" target="_blank"> max-width: 420px; border-top-left-radius: 10px; <img border-bottom-left-radius: 10px; } class=".card-image card-image-full" text-container { text-align: left; src="https://tdn.totvs.com/download/attachments/66618185/Academy.png" padding: 30px; } .card-label { alt="" color: orange; font-weight: bold; ></a> font-size: 13px; </div> </section> |
HTML |
<style type="text/css">} .cards-container#card-title-link { widthtext-decoration: 100%none; heightcolor: auto#CB1959; marginfont-weight: autobold; displayfont-size: flex17px; } flex#card-title-directionlink:hover column;{ boxtext-sizingdecoration: border-boxunderline; } justify.card-items:desc center;{ } margin: .card {0 !important; widthfont-size: 100%15px; heightfont-weight: auto400; displayletter-spacing: flex0px; margincolor: auto auto 20px auto#494440; } box-shadow: 0px 2px 4px #00000029; .card-text-margin-bottom { margin: 0 0 5px border-radius: 10px0 !important; } </style> <section class="cards-container"> <div .card-image {class="card"> object-fit: cover; width: 43%;<div class="card-text-container"> max-width: 420px; <p border-top-left-radius: 10px; class="card-label card-text-margin-bottom">Suporte</p> border-bottom-left-radius: 10px; <h2 } .id="card-title" class="card-text-container {-margin-bottom"> text-align: left; <a padding: 30px; } .card-label { color: orange;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> font-weight: bold; </h2> font-size: 13px; } <p #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>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> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas