id="myCarousel" style="

max-width: 

100%; 

overflow: 

hidden;">
 

<div style="display: 

flex; 

transition: 

all 10s ease;">

    <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/oqEK5Q.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);
    }
    50% {
      transform: translateX(-100%);

    100% {
      

transform: translateX(0);
    }
  

}
</style>  

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

    <div class="event">
				<strong>08h40 - Introdução: o 

Fluig</strong>
				<p>Especialista Fluig</p><br>
			</div>

			<div class="event">
				<strong>09h20 - Time Fluig</strong>
				<p>Customer Support, Customer Success, Product Owner</p><br>
			</div>

			<div class="event">
				<strong>09h40 - Treinamento</strong>

                

<p>Desenvolvedor Fluig</p>

				<ul class="sub-events">
					<li>Modelos de Ambiente
						<ul class="sub-sub-events">
							<li>On Premise, Cloud TOTVS ou Cloud Terceiro</li>
						</ul>
					</li>
					<li>Licenciamento
						<ul class="sub-sub-events">
							<li>Como Funciona o licenciamento do Fluig com a citação de exemplos</li>
						</ul>
					</li>
					<li>WCMADMIN
						<ul class="sub-sub-events">
							<li>Apresentação do usuário WCMADMIN e o TOTVS Fluig é Multi tenant</li>
						</ul>
					</li>
                    <li>Primeiro Login
						<ul class="sub-sub-events">
							<li>Login com usuário administrador e usuário comum</li>
						</ul>
					</li>
					<li>Painel de Controle(ADM)
						<ul class="sub-sub-events">
							<li>Painel de Controle, conceitos e boas práticas de usuário, papel e grupo</li>
						</ul>
					</li>
					<li>Documentos
						<ul class="sub-sub-events">
							<li>Gestão Eletrônica de Documentos, Taxonomia, Permissionamento, Controle de versão</li><br>
						</ul>
					</li>
				</ul>
			</div>

			<div class="event">
				<strong>10:40 - Intervalo</strong>
			</div>

			<div class="event">
				<strong>10:50 - Processos</strong>
				<p>Automatização de processos, Notação BPMN, Apresentação de processo pronto e integrado para demonstrar
					e explicar</p>
				<ul class="sub-events">
					<li>Fluig
						<ul class="sub-sub-events">
							<li>O Fluig é customizável, Integrações (caminhos)</li>
						</ul>
					</li>
					<li>Pontos de Apoio
						<ul class="sub-sub-events">
							<li>Portal Academy, Central de ajuda/Documentação, Central Colaborativa</li><br>
						</ul>
					</li>
				</ul>
			</div>

			<div class="event">
				<strong>11:45 - Quiz <font-weight: bold style="color: #0897E9">COM PREMIAÇÃO!</strong>
			</div>

			<div class="event">
				<strong>12:00 - Encerramento</strong>
			</div>
		</div>
	</div>
</div>
</section>

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>

   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>