Histórico da Página
Versões comparadas
comparado com
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
| 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
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;">08h30 - Abertura</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;">09h20 - Time Fluig</div>
<div style="margin-left: 20px;">
<p>Suporte, Customer Success e Produto</p>
</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;">09h40 - Treinamento</div>
<div style="margin-left: 20px;">
<div>
<ul>
<li>Modelos de Ambiente
<ul>
<li>On Premise, Cloud TOTVS ou Cloud Terceiro</li>
</ul>
</li>
<li>Licenciamento
<ul>
<li>Como funciona o licenciamento do Fluig com a citação de exemplos</li>
</ul>
</li>
<li>WCMADMIN
<ul>
<li>Apresentação do usuário WCMADMIN e o TOTVS Fluig é Multi tenant</li>
</ul>
</li>
<li>Primeiro Login
<ul>
<li>Login com usuário administrador e usuário comum</li>
</ul>
</li>
<li>Painel de Controle (ADM)
<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>
<ul>
<li>Fluig
<ul>
<li>O Fluig é customizável, Integrações (caminhos)</li>
</ul>
</li>
<li>Apoio
<ul>
<li>Portal Academy, Central de ajuda/Documentação, Central Colaborativa</li>
</ul>
</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;
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: #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">
<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.jpeg"
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> |
Links Úteis
| HTML |
|---|
<div style="display: flex; justify-content: space-between;">
<div style="width: 200px; border: 1px solid #ccc; border-radius: 5px; text-align: center; background-color: #f9f9f9; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); margin-right: 10px;">
<img src="URL_DA_IMAGEM_1" alt="Imagem 1" style="max-width: 100%; height: auto;">
<a href="URL_DO_LINK_1" style="text-decoration: none; color: #333; display: block; padding: 20px;">Link 1</a>
</div>
<div style="width: 200px; border: 1px solid #ccc; border-radius: 5px; text-align: center; background-color: #f9f9f9; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); margin-right: 10px;">
<img src="URL_DA_IMAGEM_2" alt="Imagem 2" style="max-width: 100%; height: auto;">
<a href="URL_DO_LINK_2" style="text-decoration: none; color: #333; display: block; padding: 20px;">Link 2</a>
</div>
<div style="width: 200px; border: 1px solid #ccc; border-radius: 5px; text-align: center; background-color: #f9f9f9; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); margin-right: 10px;">
<img src="URL_DA_IMAGEM_3" alt="Imagem 3" style="max-width: 100%; height: auto;">
<a href="URL_DO_LINK_3" style="text-decoration: none; color: #333; display: block; padding: 20px;">Link 3</a>
</div>
<!-- Repita o padrão acima para os outros cards -->
</div> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas