Histórico da Página

<div id="myCarousel" style="max-width: 100%; overflow: hidden;">
  <div style="display: flex; transition: all 1s10s ease;">

    <div style="flex: 0 0 100%; max-width: 100%; text-align: center;">
      <img src="https://a.imagem.app/oX6ZGZoTjEXS.jpeg" alt="Imagem 12" style="max-width: 100%;">
    </div>

     <div style="flex: 0 0 100%; max-width: 100%; text-align: center;">
      <img src="https://a.imagem.app/oXONb2oqEK5Q.jpeg" alt="Imagem 23" style="max-width: 100%;">
    </div>    </div>
</div>  


<style>
  #myCarousel {
 <div style="flex: 0 0width: 100%;
    max-width: 100%; text-align
    overflow: center;">hidden;
  }

  #myCarousel > div {
    display: flex;
 <img src="https://a.imagem.app/oX6ZGZ.jpeg" alt="Imagem 3" style="max-width: 100%;">
    </div>
  </div>
</div>  


<style>
  #myCarousel  animation: carousel-animation 15s infinite; /* Alterado para 3s */
  }

  #myCarousel > div > div {
    widthflex: 0 0 100%;
    max-width: 100%;
    overflowtext-align: hiddencenter;
  }

  #myCarousel > div@keyframes carousel-animation {
    display:0% flex;{
    animation: carousel-animation 15s infinite; /* Alterado para 3s */
transform: translateX(0);
    }

  #myCarousel > div >50% div {
    flex: 0 0transform: translateX(-100%);

    max-width: 100%;100% {
    text-align  transform: centertranslateX(0);
    }
  }
  @keyframes carousel-animation {</style>  

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: #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">
<h3 style="color: #0897E9; font-weight: bold; text-align: center;">Informações</h3>
<p></p>
<p style="font-family: 'Roboto',  justify-content: space-between;">

Seja bem-vindo ao Fluig! Nosso workshop exclusivo (e ao vivo!), foi pensado especialmente para novos clientes ansiosos para explorar todas as potencialidades do Fluig, bem como para os clientes fiéis que desejam ficar por dentro das mais recentes inovações.
<p></p>
Nosso objetivo é simples, porém ambicioso: dar as boas-vindas calorosas aos novos membros da nossa comunidade Fluig e proporcionar a todos os participantes os melhores caminhos para explorar e utilizar nosso produto de forma eficiente. Mais do que isso, queremos que todos tenham uma manhã enriquecedora, repleta de aprendizado e troca de conhecimentos sobre as inúmeras possibilidades que o Fluig oferece.
<p></p>
Durante o workshop, os participantes terão a oportunidade de conhecer o time por trás da Solução, além de ter uma manhã de treinamento com um Desenvolvedor Fluig, à disposição para orientar e esclarecer dúvidas, garantindo que cada pessoa saia do evento com uma compreensão profunda e prática do produto.
<p></p>
Além disso, o workshop será uma excelente ocasião para conhecer outros usuários, compartilhar experiências e descobrir novas formas de otimizar processos e aumentar a produtividade com o Fluig. Acreditamos que a colaboração entre os membros da comunidade é fundamental para impulsionar a inovação e promover o crescimento mútuo.
<p></p>
Prepare-se para uma manhã estimulante, repleta de insights e descobertas que irão revolucionar a maneira como você enxerga e utiliza o Fluig. Estamos ansiosos para recebê-lo neste evento imperdível, onde juntos, vamos explorar todas as possibilidades e potencialidades que o Fluig tem a oferecer.
<p></p>
Solicite sua inscrição* gratuita e junte-se a nós nessa jornada emocionante rumo ao futuro da colaboração e produtividade!
<p></p>
*Vagas limitidas.

</p>

</div>
</div>
</section>

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: #FEAC0E;
   

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;
    }
    
    .card-image {
   

     max-width: 100%;
        height: auto;
 

 }
</style>

<section class="cards-container">
    <div class="card">
        

<img 
           

 class="card-image" 
            

src="https://tdn.totvs.com/download/attachments/66618185/banner_512x258.png?" 
            

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/releaseview.action?pageId=95617506" id="card-title-link">
      

    Fique por dentro da 

Novidades!
         

      </a>
  

 </h2>
        

   <p class="card-desc">Fique por dentro 

de todas as novidades da última grande atualização do TOTVS Fluig Plataforma para agregar valor ao seu negócio.
     

      </p>
  

     </div>
   

 </div>

    <div class="card">
   

    <img 
   

     class="card-image" 
  

      src="https://a.imagem.app/oFM2xT.png"
  

 alt=""
       

 >
        

<div class="card-text-container">
        

   <p class="card-label card-text-margin-bottom">FLOWS</p>
   

         <h2 

id="card-title" class="card-text-margin-bottom">
    

<a href="https://tdn.totvs.com/display/fluig/TOTVS+FLOWS" id="card-title-link">TOTVS Flows: Processos prontos para impulsionar sua empresa.</a>
            </h2>
   

       <p 

class="card-desc">O TOTVS Flows é uma solução de processos pré-definidos e configurados pelo time TOTVS Fluig que estão prontos para uso. Ele pode atender a diversos segmentos, tais como tecnologia da informação, suprimentos, financeiro, recursos humanos, dentre outros.</p>
        

</div>
    </div>

    

<div class="card">
    

<img 
        

class="card-image" 
   

src="https://tdn.totvs.com/download/attachments/66618185/social.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/pages/viewpage.action?pageId=269063445#Identity|Produ%C3%A7%C3%A3o-Junho" id="card-title-

link">Novas opções de provisionamento e autenticação</a>
            

</h2>
            <p 

class="card-desc"

>Agora você pode permitir o login com redes sociais 

(Linkedin, Google, Facebook, etc) para os usuários de sua empresa. Aproveite e confira também a nova tela de Segurança, muito mais organizada e fácil de usar.</p>
        </div>
    

</div>
</section>

x/hCFzL" 

rel="

nofollow">Atualização Silver Mist (1.8.1)</a></strong></span></h1><p></p>
<iframe width="800" height="450" src="https://www.youtube.com/embed/UrBKSOalubI" title="Novidades TOTVS Fluig 1.8.1 | Silver Mist" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div>

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