...

Painel

...

title

Image Removed

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>

Image Added

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

title	oculto

<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>

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 309

Nova versão 310

Chave

Quer saber mais?

Quer saber mais?

Atalhos

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 309

Nova versão 310

Chave

Quer saber mais?

Quer saber mais?