Á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 tarefas, organizar a agendacriar projetos, delegar tarefas, 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: #ff7971#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="https://tdn.totvs.com/download/attachments/563444386563436139/administra%C3%A7%C3%A3o-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/X2KVIQ">Painel administrativo</a>
            </h1>
            <p class="collab-panel-text">Crie e gerencie os usuários que acessam o TOTVS 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="https://tdn.totvs.com/download/attachments/563444386563436139/in%C3%ADcio-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/aCn-IQ">Início</a>
            </h1>
            <p class="collab-panel-text">Veja as equipestarefas que você participaestão pendentes com você, crie equipestarefas, acompanhe suas próximas reuniões, crie reuniões, e vejaacesse a listavideochamada de tarefas das suas equipes e saiba quais tarefas estão sob sua responsabilidadereuniõ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/563444386563436139/equipesprocessos-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/Il_VIQ8HGaLg">Equipes<>Processos</a>
            </h1>
            <p class="collab-panel-text">Veja>Defina todase asgerencie equipes eprocessos, abra solicitações, acompanhe as equipes que vocêestão participa, crie equipesem andamento, gerencieassuma equipes,e adicioneatenda ousolicitações removadas participantesquais dasé equipesresponsável, participeaprove deou equipes, saia de equipesreprove solicitações, veja detalheso dashistórico equipesde que participaações e arquive ou restaure equipesmuito mais.</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/563444386563436139/tarefasequipes-azul.png">
            <h1 class="collab-panel-title">
              <a href="xxxxxxxxxxxxx">Tarefas<https://tdn.totvs.com/x/Ok0YIg">Equipes</a>
            </h1>
            <p class="collab-panel-text">Veja atodas listaas deequipes tarefaspúblicas dae equipeprivadas, acompanheveja as equipes que tarefasvocê pendentesparticipa, emcrie andamentoequipes, egerencie finalizadasequipes, saiba quais delas estão sob sua responsabilidadeconfigure 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/563444386563436139/reuni%C3%B5esprojetos-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/GyTXIQ2DAbIg">Reuniões<>Projetos</a>
            </h1>
            <p class="collab-panel-text">Crie>Veja os reuniõesprojetos nada equipe, acompanhe suas próximas reuniões na equipe, adicione ou remova participantes nas reuniõescrie 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 oue exclua reuniõestarefas.</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/563444386563436139/documentosreuni%C3%B5es-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/KzbXIQGyTXIQ">Documentos<>Reuniões</a>
            </h1>
            <p class="collab-panel-text">xxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
>Crie reuniões na equipe, acompanhe suas próximas reuniões na  </div>
        </div>
		<div class="collab-col">
          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/563444386563436139/participantesdocumentos-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/8zAbIgKzbXIQ">Participantes<>Documentos</a>
            </h1>
            <p class="collab-panel-text">Veja>Crie todospastas ose participantesadicione da equipedocumentos, adicionevisualize oudocumentos removacompartilhados, participantesrenomeie, dabaixe equipe,e definaexclua oudocumentos removadas gerenciadoresequipes daque equipeparticipa.</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/563444386563436139/notifica%C3%A7%C3%B5esintegra%C3%A7%C3%B5es-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/PRcFIg">Notificações<Xin-IQ#Collab|Minhasequipes-Ativarintegra%C3%A7%C3%B5escomoGoogleintegracoes">Integrações</a>
            </h1>
            <p class="collab-panel-text">Receba>Faça alertasreuniões sobrecom eventosvideochamadas quepelo ocorremGoogle nasMeet equipese queanexe vocêdocumentos participa,do taisGoogle como aDrive inclusão em umaequipes nova equipe ou a remoção de uma equipe que você participava, equipe arquivada ou excluída, quando você é definido como gerenciador da equipe ou removido dos gerenciadores, reunião criada, editada ou excluída, dentre outros.</p>e reuniões.</p>
          </div>
        </div>
 		<div class="collab-col">
          <div class="collab-panel collab-text-center collab-full-height">
          </div>
        </div>
		<div class="collab-col<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">
          <div  <h1 class="collab-panel collab-text-center collab-full-height-title">
            <img class="collab-panel-thumb" src  <a href="https://tdn.totvs.com/download/attachments/563444386/gerenciar-conta.png">x/_RQFIg">Ajuda</a>
            </h1>
            <h1<p class="collab-panel-titletext">
>Consulte as documentações disponíveis, passo a passo, vídeos, novidades e correções liberadas.</p>
    <a href="https://tdn.totvs.com/x/hBMFIg">Gerenciar conta</a>
    </div>
        </h1>div>
  		<div class="collab-col">
          <div <p class="collab-panel collab-text">Visualize suas informações de usuário e altere sua senha.</p>
-center collab-full-height">
            <img      </div>
        </div>
		<div class="collab-colclass="collab-panel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/notifica%C3%A7%C3%B5es-azul.png">
          <div  <h1 class="collab-panel collab-text-center collab-full-height-title">
            <img class="collab-panel-thumb" src  <a href="https://tdn.totvs.com/download/attachments/563444386/ajuda.png">x/PRcFIg">Notificações</a>
            </h1>
            <h1<p class="collab-panel-titletext">
>Receba alertas sobre eventos que ocorrem nas equipes que você participa, tais como a <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 liberadasinclusã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>

...