Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.


 Image RemovedImage Added

...

O TOTVS Collab é uma solução facilitadora para equipes com gestão de projetos, reuniões, grupos tarefas e tópicos de trabalhodocumentos. Ele permite gerenciar equipes presenciais e remotas, direcionando as atividades antes e depois das reuniões, acompanhando o andamento dos projetos e tornando as equipes mais colaborativas e produtivas.

Com ele, é possível fazer vídeo chamadas, criar lista de criar projetos, delegar tarefas, organizar a agenda, planejar reuniões, armazenar documentos e gerenciar grupos equipes de trabalho.

Assim, você aproxima a sua equipe, melhora a comunicação e a visão das tarefas de forma simples, organiza a disponibilidade das pessoas sem burocracia, promove o trabalho em equipe e evidencia o andamento dos projetos de forma integrada e centralizada. 

...

HTML
<style type="text/css">
    .collab * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }

    .collab-text-center {
      text-align: center;
    }

    .collab-full-height {
      height: 100%;
    }

    .collab-container {
      margin-right: auto;
      margin-left: auto;
    }

    .collab-row {
	  width: 100%;
      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;

      display: -ms-flexbox;
      -ms-flex-flow: row wrap;
      -ms-justify-content: center;
      
      display: -webkit-flex;
      display: -webkit-box;
      -webkit-flex-flow: row wrap;
      -webkit-justify-content: center;

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;     

    }

    .collab-col {
      width: 50%;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: 30px;
    }

    .collab-panel {
      border: 1px solid #dadada;
      border-radius: 4px10px;
      padding: 30px;
      box-shadow: 0px 2px 4px #00000029;     }

    .collab-panel .collab-panel-thumb {
      width: 35px24px;
    }

    .collab-panel .collab-panel-title {
      font-size: 20px;
      color: #ff4444;
      margin-top: 15px;
    }

    .collab-panel .collab-panel-title > a {
      color: #ff4444#045b8f;
      font-weight: bold;
    }

    .collab-panel .collab-panel-text {
      color: #58595b;
      line-height: 1.75;
      margin-bottom: 0;
    }
  </style>
<div class="collab">
    <div class="collab-container">
      <div class="collab-row">
        <div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="xxxxxxxxxxhttps://tdn.totvs.com/download/attachments/563436139/administra%C3%A7%C3%A3o-azul.png">
            <h1 class="collab-panel-title">
              <a href="httphttps://tdn.totvs.com/displayx/FL/GestorX2KVIQ">Recurso>Painel 1<administrativo</a>
            </h1>
            <p class="collab-panel-text">xxxxxxxxxxxxxxxxxxx</p>
>Crie e gerencie os usuários que acessam o TOTVS  </div>
        Collab. Defina quem deve ter acesso de administrador e quem deve ter acesso de colaborador.</p>
          </div>
        </div>
        <div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="xxxxxxxxxx">
    https://tdn.totvs.com/download/attachments/563436139/in%C3%ADcio-azul.png">
            <h1 class="collab-panel-title">
              <a href="httphttps://tdn.totvs.com/display/FL/Colaborador">Recurso 2<x/aCn-IQ">Início</a>
            </h1>
            <p class="collab-panel-text">xxxxxxxxxxxxxxxxxxxxxxxxx</p>
>Veja as tarefas que estão pendentes com você, crie  </div>
        </div>
		tarefas, acompanhe suas próximas reuniões, crie reuniões e acesse a videochamada de reuniões.</p>
          </div>
        </div>
         <div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="xxxxxxxxxxxxxxxxxxxxxx">
 https://tdn.totvs.com/download/attachments/563436139/processos-azul.png">
            <h1 class="collab-panel-title">
              <a href="httphttps://tdn.totvs.com/pages/viewpage.action?pageId=286491840">Recurso 3<x/8HGaLg">Processos</a>
            </h1>
            <p class="collab-panel-text">xxxxxxxxxxxxxxxxxxxxxxxx</p>
>Defina e gerencie processos, abra solicitações, acompanhe as que estão </div>
        </div>em andamento, assuma e atenda solicitações das quais é responsável, aprove ou reprove solicitações, veja o histórico de ações e muito mais.</p>
        <div class="collab-col">
  </div>
        </div>
    <div class=      <div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="xxxxxxxxxxxxxxxxxxxxxxxxhttps://tdn.totvs.com/download/attachments/563436139/equipes-azul.png">
            <h1 class="collab-panel-title">
              <a href="httphttps://tdn.totvs.com/pages/viewpage.action?pageId=286491878">Recurso 4</a>
            </h1>
            <p class="collab-panel-text">xxxxxxxxxxxxxxxxxxxxxxxxxxx<x/Ok0YIg">Equipes</a>
            </h1>
            <p class="collab-panel-text">Veja todas as equipes públicas e privadas, veja as equipes que você participa, crie equipes, gerencie equipes, configure videochamadas na equipe, adicione ou remova participantes das equipes, participe de equipes, saia de equipes e veja detalhes das equipes que participa.</p>
          </div>
        </div>
		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/projetos-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/2DAbIg">Projetos</a>
            </h1>
            <p class="collab-panel-text">Veja os projetos da equipe, crie projetos, crie etapas nos projetos, acompanhe as tarefas pendentes, em andamento e finalizadas, saiba quais delas estão sob sua responsabilidade, movimente tarefas, crie, edite e exclua tarefas.</p>
          </div>
        </div>
		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/reuni%C3%B5es-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/GyTXIQ">Reuniões</a>
            </h1>
            <p class="collab-panel-text">Crie reuniões na equipe, acompanhe suas próximas reuniões na equipe, adicione ou remova participantes nas reuniões, faça reuniões por videochamada, edite ou exclua reuniões, anexe documentos nas reuniões.</p>
          </div>
        </div>
        <div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/documentos-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/KzbXIQ">Documentos</a>
            </h1>
            <p class="collab-panel-text">Crie pastas e adicione documentos, visualize documentos compartilhados, renomeie, baixe e exclua documentos das equipes que participa.</p>
          </div>
        </div>
		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/integra%C3%A7%C3%B5es-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/Xin-IQ#Collab|Minhasequipes-Ativarintegra%C3%A7%C3%B5escomoGoogleintegracoes">Integrações</a>
            </h1>
            <p class="collab-panel-text">Faça reuniões com videochamadas pelo Google Meet e anexe documentos do Google Drive em equipes e reuniões.</p>
          </div>
        </div>
 		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/monitoramento-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/X0FuKw">Monitoramento</a>
            </h1>
            <p class="collab-panel-text">Tenha visões detalhadas do andamento das tarefas e dos projetos das suas equipes.</p>
          </div>
        </div>
  		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/vincular-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/MpNpL">Vincular TOTVS Tasks</a>
            </h1>
            <p class="collab-panel-text">Transforme suas listas de tarefas do TOTVS Tasks em projetos de equipes no TOTVS Collab.</p>
          </div>
        </div>
  		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/gerenciar-conta-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/hBMFIg">Gestão da conta</a>
            </h1>
            <p class="collab-panel-text">Visualize suas informações de usuário e altere sua senha.</p>
          </div>
        </div>
  		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/ajuda-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/_RQFIg">Ajuda</a>
            </h1>
            <p class="collab-panel-text">Consulte as documentações disponíveis, passo a passo, vídeos, novidades e correções liberadas.</p>
          </div>
        </div>
  		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/notifica%C3%A7%C3%B5es-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/PRcFIg">Notificações</a>
            </h1>
            <p class="collab-panel-text">Receba alertas sobre eventos que ocorrem nas equipes que você participa, tais como a inclusão em uma nova equipe ou a remoção de uma equipe que você participava, equipe arquivada, quando você é definido como gerenciador da equipe ou removido dos gerenciadores, reunião criada, editada ou excluída, dentre outros.</p>
          </div>
        </div>	
      </div>	 
     </div>
</div>
HTML
<!-- Hotjar Tracking Code for https://tdn.totvs.com/display/tco -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:2013652,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

...