TOTVS Fluig

Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 13

changes.mady.by.user Rogerio Cruz De Carvalho

Gravado em

comparado com

Nova versão 14

changes.mady.by.user Rogerio Cruz De Carvalho

Gravado em

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Workshop de Fluig</title>
    <style>
     @keyframes   pulse {
body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

    0%    header {
          transform: scale(1);
  background-color: #3498db;
            color: #fff;
            text-align: center;
            padding: 20px;
        }

        nav 50%ul {
       transform: scale(1.05);
     list-style: none;
            padding: 0;
            background-color: #3498db;
            text-align: center;
        }

      100%  nav li {
      transform      display: scale(1)inline;
        }
    margin: 0 20px;
        }

       .imagem-estilizada nav a {
            backgroundtext-imagedecoration: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url('https://a.imagem.app/oFHvga.jpeg') none;
            color: #fff;
    background-size: cover;
    }

        section {
            padding: 20px;
        }

        form {
            widthmargin: 20px 300px0; /* Ajuste o tamanho conforme necessário */
        }

        footer {
    height        background-color: 200px#3498db; /* Ajuste o tamanho conforme necessário */
            color: #fff;
    animation: pulse 2s infinite; /* Adiciona a animação de pulsação */
  }
        text-align: center;
            padding: 10px;
        }
    </style>
</head>
<body>
  <div class="imagem-estilizada"></div>
</body>
</html>

Workshop Fluig

Image Removed

Estamos empolgados em anunciar o nosso primeiro workshop de Fluig, dedicado exclusivamente a você, nosso cliente. Este evento oferece uma oportunidade única de aprofundar seu conhecimento na plataforma Fluig e personalizar sua experiência. Junte-se a nós para explorar os recursos e as melhores práticas que impulsionarão o sucesso do seu negócio com o Fluig.

Assunto Primário

Explicação. Exemplo para links e anexos.

O fonte do exemplo citado pode ser baixado a partir do seguinte link:

Colleague Report.zip

Exemplo de macro para bloco de código:

Bloco de código
languagejava
Macro para código.
Em editar é possível selecionar a linguagem.

Exemplo de Nota

Informações
titleNota

Insere Nota

Exemplo de Observação

Nota
titleObservação

Insere Observação

Assunto Secundário

Assunto, exemplo com marcadores. A seguir apenas um passo.

  • Marcador.
  • Marcador.

Figura 1 - Exemplo de imagem (centralizada). Legenda negrito e justificada.

Assunto Secundário

Comentário sobre o assunto. Macro para passo a passo.

Acompanhe os passos a seguir:

Abaixo é utilizado o exemplo de interação passo a passo. Facilita o entendimento.

Um espaço anterior, + um marcado, + um epaço ao final.
  <header>
        <h1>Workshop de Fluig</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#sobre">Sobre</a></li>
            <li><a href="#agenda">Agenda</a></li>
            <li><a href="#inscricao">Inscrição</a></li>
        </ul>
    </nav>
    <section id="sobre">
        <h2>Sobre o Workshop</h2>
        <p>Este workshop é uma oportunidade única para aprender sobre Fluig, uma plataforma de automação de processos e gerenciamento de fluxo de trabalho.</p>
    </section>
    <section id="agenda">
        <h2>Agenda</h2>
        <p>A agenda do workshop inclui palestras e hands-on sessions para explorar os recursos do Fluig.</p>
    </section>
    <section id="inscricao">
        <h2>Inscrição</h2>
        <p>Para se inscrever, preencha o formulário abaixo:</p>
        <form id="registration-form">
            <label for="nome">Nome:</label>
            <input type="text" id="nome" name="nome" required>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required>
            <button type="submit">Enviar</button>
        </form>
    </section>
    <footer>
        <p>© 2023 Workshop de Fluig</p>
    </footer>
    <script>
        // JavaScript code can be added here for any interactivity you want to include.
        // For example, you can use JavaScript to handle form submission and validation.
    </script>
</body>
</html>
Deck of Cards
effectDuration0.5
historyfalse
idsamples
effectTypefade
Card
id2
labelPasso 2