Histórico da Página

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

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

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

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


<style>
  #myCarousel {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  #myCarousel > div {
    display: flex;
    animation: carousel-animation 15s infinite; /* Alterado para 3s */
  }

  #myCarousel > div > div {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
  }

  @keyframes carousel-animation {
    0% {
      transform: translateX(0);
    }
    33.33% {
      transform: translateX(-100%);
    }
    66.66% {
      transform: translateX(-200%);
    }
    100% {
      transform: translateX(0);
    }
  }
</style>  

A participação em nosso evento de Workshop pode ser solicitada através do e-mail: [email protected].

<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: #045B8F;
        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: rgb(203, 25, 89); font-weight: bold; text-align: center;">Informações</h3>
<p class="card-desc" style="font-family: 'Roboto', sans-serif justify-content: space-between;">Entre em contato pelo E-mail <a
href="https://totvscst.zendesk.com/hc/pt-br/#home" target="_blank">[email protected]</a>. A
equipe de atendimento do TOTVS Fluig estará pronta para lhe ajudar.</p>
<p style="font-family: 'Roboto', sans-serif  justify-content: space-between;">Nosso Workshop tem como objetivo proporcionar uma imersão completa
nas soluções da TOTVS Fluig. Esteja preparado para adquirir um profundo conhecimento de nossa plataforma e
descobrir as melhores abordagens para implementá-la em sua empresa. Abordaremos todos os aspectos da plataforma,
com uma visão detalhada que inclui as atualizações mais recentes. O evento contará com a participação de nossos
especialistas de diversas áreas para garantir a abordagem abrangente de todos os temas, proporcionando uma visão
completa do TOTVS Fluig. Além disso, ofereceremos treinamento ministrado pelos especialistas do Fluig Academy.
Segue cronograma abaixo:</p>

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