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: centerhidden;">
  }

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


<style>
  #myCarouselanimation: 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 {
    0% {
      displaytransform: flextranslateX(0);
    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%}
    50% {
      transform: translateX(-100%);

    100% {
      transform: translateX(0);
    }
    33.33% {
}
</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>

        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>

<div style="text-align: center;>
<h1 style="text-align: center;" id="Plataforma|Oquehádenovo?-AtualizaçãoSilverMist(1.8.1)"><span style="color: rgb(23,43,77);"><strong><a href="https://tdn.totvs.com/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>

<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#FEAC0E;
        font-weight: bold;
        font-size: 13px;
    }

    #card-title-link {
        text-decoration: none;
        color: #CB1959#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>