Histórico da Página
...
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> |
HTML |
---|
<style type="text/css">
.cards-container {
|
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;
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 card-image-full"
src="https://tdn.totvs.com/download/attachments/66618185/central-ajuda.png"
alt=""
>
</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;-text-container { fonttext-weightalign: boldleft; font-sizepadding: 13px30px; } #card-title-link.card-label { text-decoration: none; color: #CB1959orange; font-weight: bold; font-size: 17px13px; } #card-title-link:hover { text-decoration: underlinenone; } .card-desc { margin: 0 !importantcolor: #CB1959; font-sizeweight: 15pxbold; font-weightsize: 40017px; } letter#card-title-spacinglink:hover 0px;{ colortext-decoration: #494440underline; } .card-text-margin-bottomdesc { margin: 0 0 5px 0 !important; } </style> <section class="cards-container"> <div class="card">font-size: 15px; <img font-weight: 400; class="card-image" letter-spacing: 0px; color: #494440; src="https://tdn.totvs.com/download/attachments/66618185/banner_menor.png?api=v2" } .card-text-margin-bottom { alt="" margin: 0 0 5px > 0 !important; <div} </style> <section class="cardcards-text-container"> <div class="card"> <p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma</p> <img <h2 idclass="card-titleimage" class="card-text-margin-bottom"> <a hrefsrc="https://tdn.totvs.com/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222" id="card-title-link">download/attachments/66618185/banner_menor.png?api=v2" alt="" > <div class="card-text-container"> Chegou uma nova experiência em solicitações <p class="card-label card-text-margin-bottom">TOTVS Fluig Plataforma</p> </a> <h2 id="card-title" class="card-text-margin-bottom"> </h2> <a <p classhref="https://tdn.totvs.com/pages/viewpage.action?pageId=695600349#Atualiza%C3%A7%C3%B5es(1.8.0)-221222" id="card-desctitle-link"> Modernizamos a abertura e interação com as solicitações, deixando ainda mais intuitivo,Chegou melhorandouma anova disposiçãoexperiência dasem informaçõessolicitações e facilitando o uso. </p>a> </div>h2> </div> <div<p class="card-desc"> <img Modernizamos a abertura e class="card-image" src="https://tdn.totvs.com/download/attachments/66618185/home-novo-collab.png"interação com as solicitações, deixando ainda mais intuitivo, melhorando a disposição das informações e facilitando o uso. alt=""</p> ></div> </div> <div class="card-text-container"> <p class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p> <img <h2 id="card-title" class="card-text-margin-bottom">image" <a hrefsrc="https://tdn.totvs.com/download/x/a1qVIQ" id="card-title-link">Novo TOTVS Collab: seu aliado na gestão de equipes e projetos!</a> attachments/66618185/home-novo-collab.png" alt="" </h2> > <p<div class="card-text-desccontainer">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 class="card-label card-text-margin-bottom">TOTVS Fluig No-Code</p> </div> </div> </section> |
Quer saber mais?
HTML |
---|
<style type="text/css<h2 id="card-title" class="card-text-margin-bottom"> .cards-container { width: 100%; height: auto; margin: auto; display: flex;<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> flex-direction: column; </h2> box-sizing: border-box; justify-items: center; } .card { width: 100%; height: auto;<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> display: flex;</div> </div> </section> |
Quer saber mais?
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-image.card-image-full { width: 100%; max-widthheight: inheritauto; border-radiusdisplay: 10pxflex; displaymargin: block auto auto 20px auto; } box-shadow: 0px 2px 4px #00000029; .card-text-container {border-radius: 10px; } text.card-align:image left;{ paddingobject-fit: 30pxcover; } .card-label {width: 43%; colormax-width: orange420px; font-weightborder-top-left-radius: bold10px; font-sizeborder-bottom-left-radius: 13px10px; } #card-title-link.card-image.card-image-full { text-decorationwidth: none100%; colormax-width: #CB1959inherit; fontborder-weightradius: bold10px; font-sizedisplay: 17pxblock; } #card.card-titletext-link:hovercontainer { text-decorationalign: left; padding: underline30px; } .card-desclabel { margincolor: 0 !importantorange; font-sizeweight: 15pxbold; font-weightsize: 40013px; } letter-spacing: 0px;#card-title-link { colortext-decoration: #494440none; } .card-text-margin-bottom {color: #CB1959; marginfont-weight: 0bold; 0 5px 0 !important; } </style> <section class="cards-container">font-size: 17px; <div class="card">} <a href="https://academy.fluig.com/" target="_blank"> #card-title-link:hover { <img text-decoration: underline; } .card-desc { class="card-image card-image-full" margin: 0 !important; src="https://tdn.totvs.com/download/attachments/66618185/Academy.png" font-size: 15px; font-weight: 400; alt="" letter-spacing: 0px; ></a> color: #494440; </div> </section> |
HTML |
<style type="text/css">} .cards-containercard-text-margin-bottom { widthmargin: 100%; 0 0 5px 0 !important; height: auto; } </style> <section class="cards-container"> margin: auto;<div class="card"> <a display: flex;href="https://academy.fluig.com/" target="_blank"> flex-direction: column;<img box-sizing: border-box; justify-items: center; } class="card-image card-image-full" .card { width: 100%;src="https://tdn.totvs.com/download/attachments/66618185/Academy.png" height: auto; alt="" display: flex; ></a> margin: auto auto 20px auto; </div> </section> |
HTML | ||
---|---|---|
<style type="text/css"> 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-weightshadow: bold 0px 2px 4px #00000029; fontborder-sizeradius: 13px10px; } #card-title-link.card-image { text-decoration: noneobject-fit: cover; width: 43%; colormax-width: #CB1959420px; font-weightborder-top-left-radius: bold10px; font-sizeborder-bottom-left-radius: 17px10px; } #card.card-titletext-link:hovercontainer { text-decorationalign: left; padding: underline30px; } .card-desclabel { margincolor: 0 !importantorange; font-weight: bold; font-size: 15px13px; } font-weight: 400;#card-title-link { lettertext-spacingdecoration: 0pxnone; color: #494440#CB1959; } .card-text-margin-bottom {font-weight: bold; marginfont-size: 0 0 5px 0 !important17px; } </style> <section class="cards-container"> <div class="card">#card-title-link:hover { text-decoration: underline; } <div class=".card-text-container">desc { margin: 0 !important; <p class="card-label card-text-margin-bottom">Suporte</p> font-size: 15px; <h2 id="card-title" class="card-text-margin-bottom">font-weight: 400; letter-spacing: 0px; <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> color: #494440; } .card-text-margin-bottom { margin: 0 0 5px 0 !important; } </style> <section class="cards-container"> <div class="card"> <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 class="card-text-container"> <p class="card-label card-text-margin-bottom">Suporte</p> <h2 id="card-title" class="card-text-margin-bottom"> </div> </div> </section> <script> $("b:contains('oculto')").parent().parent().hide(); </script> | ||
Painel | ||
| ||
<div class="card"> <img class="card-image" src<a href="https://tdn suporte.totvs.com/download portal/attachments p/66618185/identity.jpg" alt="" > <div class="card-text-container"> <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-label card-text-margin-bottom">TOTVS Identity</p> <h2 id="card-title" class="card-text-margin-bottom"> <a desc">Entre em contato pelo <a href="https://tdn suporte.totvs.com/portal/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> 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