Image Removed

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

Workshop Fluig: Sua Jornada Personalizada para o Sucesso!

HTML
<div

 id="myCarousel" style="

border

max-width:

1px solid #ccc

100%;

border-radius

overflow:

5px

hidden;">

padding:

15px; margin

<div style="display:

10px

flex;

width

transition:

300px; box-shadow: 0 4px 8px

all 10s ease;">

    <div style="flex: 0

rgba(

,

0, 0, 0.2); background-color: #f9f9f9

100%; max-width: 100%; text-align: center;">

<div

  <img

style

src="

font-weight: bold; color: #007BFF;">08h30 - Abertura</div>

https://a.imagem.app/oTjEXS.jpeg" alt="Imagem 2" style="max-width: 100%;">
    </div>

<div

     <div style="

border

flex:

1px

solid

#ccc

100%;

border-radius: 5px; padding: 15px; margin: 10px;

max-width:

300px

100%;

box

text-

shadow

align:

0

center;">

4px

8px

0

rgba(0,

0,

0, 0.2); background-color: #f9f9f9

<img src="https://a.imagem.app/oqEK5Q.jpeg" alt="Imagem 3" style="max-width: 100%;">

<div style="font-weight: bold; color: #007BFF;">09h20 - Time Fluig</div>

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


<style>
  #myCarousel {

width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

<p>Suporte,

Customer

#myCarousel

Success

e

div

Produto</p>

</div> </div> <div

display: flex;

style="border

animation:

1px

carousel-animation

solid

15s

#ccc

infinite;

border-radius: 5px; padding: 15px; margin: 10px; width: 300px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); background-color: #f9f9f9;"> <div style="font-weight: bold; color: #007BFF;">09h40 - Treinamento</div> <div style="margin-left: 20px;"> <div> <ul>

/* 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% {

<li>Modelos de Ambiente

transform: translateX(0);
    }

}
</style>

Informações
Para os clientes Fluig que queiram participar do Workshop, basta manifestar interesse em [email protected] informando o CodT da sua empresa no e-mail.

HTML
<style type="text/css"> .cards-container {

<ul>

  width: 100%;
        height: auto;
        margin: auto;

<li>On

Premise,

Cloud

TOTVS

ou

Cloud Terceiro</li>

display: flex;
        flex-direction: column;
        box-sizing: border-box;

</ul>

      justify-items: center;
    }

    .card

</li>

{
        width: 100%;

<li>Licenciamento

 height: auto;
        display: flex;
        margin:

<ul>

auto auto 20px auto;
        box-shadow: 0px 2px 4px #00000029;

<li>Como funciona o licenciamento do Fluig com a citação de exemplos</li>

border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
        width: 43%;

</ul>

      max-width: 420px;

</li>

border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;

<li>WCMADMIN

}

    .card-text-container {
        text-align: left;

<ul>

  padding: 30px;
    }

    .card-label {

<li>Apresentação do usuário WCMADMIN e o TOTVS Fluig é Multi tenant</li>

color: orange;
        font-weight: bold;
        font-size: 13px;
    }

</ul>

#card-title-link {
        text-decoration: none;

</li>

 color: #0897E9;
        font-weight: bold;

<li>Primeiro Login

font-size: 17px;
    }

    #card-title-link:hover {
        text-decoration: underline;

<ul>

}

    .card-desc {
        margin: 0 !important;

<li>Login com usuário administrador e usuário comum</li>

font-size: 15px;
        font-weight: 400;

</ul>

letter-spacing: 0px;
        color: #494440;

</li>

}

    .card-text-margin-bottom {
        margin: 0 0

<li>Painel

5px

de Controle (ADM)

0 !important;

<ul> <li>Painel de Controle, Conceitos e boas práticas de usuário, papel e grupo</li> </ul> </li> <li>Documentos <ul> <li>Gestão eletrônica de documentos, Taxonomia, Permissionamento, Controle de versão</li> </ul> </li> </ul> </div> </div> </div> <div style="border: 1px solid #ccc; border-radius: 5px; padding: 15px; margin: 10px; width: 300px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); background-color: #f9f9f9;"> <div style="font-weight: bold; color: #007BFF;">10:40 - Intervalo</div> </div> <div style="border: 1px solid #ccc; border-radius: 5px; padding: 15px; margin: 10px; width: 300px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); background-color: #f9f9f9;"> <div style="font-weight: bold; color: #007BFF;">10:50 - Processos</div> <div style="margin-left: 20px;"> <p>Automatização de processos, Notação BPMN, Apresentação de processo pronto e integrado para demonstrar e explicar</p> </div> <div>

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

Workshop Fluig: Sua Jornada Personalizada para o Sucesso!

HTML

<div class="container-fluid">
	<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>

<ul>

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

<li>Fluig <ul>

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>

<li>O Fluig é customizável, Integrações (caminhos)</li> </ul> </li> <li>Apoio <ul> <li>Portal Academy, Central de ajuda/Documentação, Central Colaborativa<

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

</ul>

    <li>Primeiro Login
						<ul class="sub-sub-events">
							<li>Login com usuário administrador e usuário

<

comum</li>

						</ul>

</

div> </div> <div style="border: 1px solid #ccc; border-radius: 5px; padding: 15px; margin: 10px; width: 300px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); background-color: #f9f9f9;"> <div style="font-weight: bold; color: #007BFF;">11:45 - Conclusão e Perguntas</div> </div> <div style="border: 1px solid #ccc; border-radius: 5px; padding: 15px; margin: 10px; width: 300px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); background-color: #f9f9f9;"> <div style="font-weight: bold; color: #007BFF;">12:00 - Fim</div> </div> HTML<style type="text/css"> .cards-container { width: 100%; height: auto; margin: auto; display: flex;

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>

HTML

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

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

oFrSl2

oFM2xT.

jpeg

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,

financeiro, recursos humanos, dentre outros.</p> </div> </div> <div class="card"> <img class="card-image"

 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>

Informações

icon	false
title	Links Úteis

HTML

<div class="card" style="border: 1px solid #ccc; display: inline-block; margin-right: 10px; width: 18rem;">
  <img src="https://a.imagem.app/oTCBZ2.png" class="card-img-top" alt="..." style="box-shadow: 2px 2px 5px #ccc; max-width: 100%; max-height: 150px;">
  <div class="card-body" style="padding: 10px; height: 100%;">
    <h5 class="card-title">Conheça a TOTVS STORE</h5>
    <p class="card-text">A loja virtual da maior empresa de tecnologia do Brasil. Acesse e confira nossos produtos e serviços.</p>
    <a href="https://totvs.store" class="btn btn-primary">Acesse</a>
  </div>
</div>

<div class="card" style="border: 1px solid #ccc; display: inline-block; margin-right: 10px; width: 18rem;">
  <img src="https://a.imagem.app/oqFFHQ.png" class="card-img-top" alt="..." style="box-shadow: 2px 2px 5px #ccc; max-width: 100%; max-height: 150px;">
  <div class="card-body" style="padding: 10px; height: 100%;">
    <h5 class="card-title">Cursos e Treinamentos</h5>
    <p class="card-text">Um portal completo com vários cursos para você dominar o TOTVS Fluig.</p>
    <a href="https://academy.fluig.com/" class="btn btn-primary">Acesse</a>
  </div>
</div>

<div class="card" style="border: 1px solid #ccc; display: inline-block; margin-right: 10px; width: 18rem;">
  <img src="https://a.imagem.app/oqFlDr.png" class="card-img-top" alt="..." style="box-shadow: 2px 2px 5px #ccc; max-width: 100%; max-height: 150px;">
  <div class="card-body" style="padding: 10px; height: 100%;">
    <h5 class="card-title">APIs e documentações técnicas</h5>
    <p class="card-text">Guia de Stilo completo, Style Guide. Tudo o que o Dev precisa para colocar a mão na massa.</p>
    <a href="https://style.fluig.com/components.html" class="btn btn-primary">Acesse</a>
  </div>
</div>

<div class="card" style="border: 1px solid #ccc; display: inline-block; margin-right: 10px; width: 18rem;">
  <img src="https://a.imagem.app/oqXzPP.png" class="card-img-top" alt="..." style="box-shadow: 2px 2px 5px #ccc; max-width: 100%; max-height: 150px;">
  <div class="card-body" style="padding: 10px; height: 100%;">
    <h5 class="card-title">Central do Cliente</h5>
    <p class="card-text">Aqui você abre tickets para o suporte, acompanha o andamento e baixa releases novas.</p>
    <a href="https://suporte.totvs.com/portal/p/10098/suporte-fluig-home" class="btn btn-primary">Acesse</a>
  </div>
</div>

<div class="card" style="border: 1px solid #ccc; display: inline-block; margin-right: 10px; width: 18rem;">
  <img src="https://a.imagem.app/oqFI1Z.png" class="card-img-top" alt="..." style="box-shadow: 2px 2px 5px #ccc; max-width: 100%; max-height: 150px;">
  <div class="card-body" style="padding: 10px; height: 100%;">
    <h5 class="card-title">Fórum construído pela comunidade</h5>
    <p class="card-text">Todo Dev adora um Fórum para compartilhar conhecimento, esse foi contruido pela comunidade.</p>
    <a href="https://fluiggers.com.br/" class="btn btn-primary">Acesse</a>
  </div>
</div>

HTML

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

HTML
<style type="text/css"> .cards-container { width: 100%; height: auto;

src="https://tdn.totvs.com/download/attachments/66618185/social.jpg"

margin: auto;
        display:

alt=""

flex;

>

flex-direction: column;

<div

class="card-text-container">

box-sizing: border-box;
        justify-items: center;
    }

<p

class="card-label

card-text-margin-bottom">TOTVS Identity</p>

.card {
        width: 100%;

 height: auto;
        display: flex;

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

margin: auto auto 20px auto;
        box-shadow: 0px 2px 4px

</h2>

#00000029;

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

border-radius: 10px;
    }

    .card-image {
        object-fit: cover;
        width: 43%;
        max-width: 420px;

</div>

 border-top-left-radius: 10px;

</div> </section> Informações

icon	false
title	Links Úteis

HTML<div style="display: flex; justify-content: space-between;"> <div style="width: 23%; padding: 10px; border: 1px solid #ccc; border-radius: 5px;

    border-bottom-left-radius: 10px;
    }

    .card-text-container {
        text-align:

center

left;

background-color: #f9f9f9; display: flex; flex-direction: column;">


        padding: 30px;

<h3>TOTVS

Store</h3>

<div style="flex-grow: 1;"> <p>Conheça a TOTVS STORE: a loja virtual da maior empresa de tecnologia do Brasil. Acesse e confira nossos produtos e serviços.</p> </div> <a href="URL_DO_LINK_1" style="display: block; background-color: #007BFF; color: #fff; padding: 10px; text-align: center;

 .card-label {
        color: #FEAC0E;
        font-weight: bold;
        font-size: 13px;
    }

    #card-title-link {
        text-decoration: none;

border-radius: 5px; margin-top: 10px;">Acesse</a> </div> <div style="width: 23%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; text-align: center; background-color: #f9f9f9; display: flex; flex-direction: column;"> <h3>Fluig Academy</h3> <div style="flex-grow: 1;"> <p>Aprenda programação, integrações com ERP, instalação de sistema, KPIs e muito mais no portal oficial de treinamentos do TOTVS Fluig.</p> </div> <a href="URL_DO_LINK_2" style="display: block; background-color: #007BFF; color: #fff; padding: 10px; text-align: center; text-decoration: none; border-radius: 5px; margin-top: 10px;">Acesse</a> </div> <div style="width: 23%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; text-align: center; background-color: #f9f9f9; display: flex; flex-direction: column;"> <h3>TOTVS Fluig Developer</h3> <div style="flex-grow: 1;"> <p>Canais oficiais e também da Comunidade de Desenvolvedores TOTVS Fluig.<br><br> </p> </div> <a href="URL_DO_LINK_3" style="display: block; background-color: #007BFF; color: #fff; padding: 10px; text-align: center; text-decoration: none; border-radius: 5px; margin-top: 10px;">Acesse</a> </div> <div style="width: 23%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; text-align: center; background-color: #f9f9f9; display: flex; flex-direction: column;"> <h3>Área do Cliente</h3> <div style="flex-grow: 1;"> <p>Abertura de tickets, Download de Atualizações, Noticias</p> </div> <a href="URL_DO_LINK_4" style="display: block; background-color: #007BFF; color: #fff; padding: 10px; text-align: center; text-decoration: none; border-radius: 5px; margin-top: 10px;">Acesse</a> </div> </div>


        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" 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" target="blank">Portal de clientes</a>. A equipe de atendimento do TOTVS Fluig estará pronta para lhe ajudar.</p>
        </div>
    </div>
</section>

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 35

Nova versão Atual

Chave

Image Removed

Workshop Fluig: Sua Jornada Personalizada para o Sucesso!

Workshop Fluig: Sua Jornada Personalizada para o Sucesso!

Atalhos

Árvore de páginas

Histórico da Página

Versões comparadas

Versão antiga 35

Nova versão Atual

Chave

Image Removed

Workshop Fluig: Sua Jornada Personalizada para o Sucesso!

Workshop Fluig: Sua Jornada Personalizada para o Sucesso!