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/oTjEXSoqEK5Q.jpeg" alt="Imagem 23" style="max-width: 100%;">
    </div>    </div>
</div>  


<style>
  #myCarousel {
  <div style="flex  width: 0100%;
  0 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 */
  }

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

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

	<div class="row">

		<div class="col-12

" style="

height: 100%; background-color: #f9f9f9; 

padding: 

20px;">

			<h2 style="

color: 

#0897E9; font-weight: bold; 

font-size: 

24px;">Cronograma</

h2>
			<hr style="border: 1px solid 

#0897E9; margin: 

10px 0;">

			<div 

class="

event">
				<strong>08h30 - Abertura</strong>
			</div>

      

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

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

 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: 

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