Árvore de páginas

Versões comparadas

Chave

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

...

O TOTVS Collab é uma solução facilitadora para equipes com gestão de projetos, reuniões, 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 criar lista de projetos, delegar tarefas, planejar reuniões, armazenar documentos e gerenciar equipes de trabalho.

...

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: 24px;
    }

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

    .collab-panel .collab-panel-title a {
      color: #c5004e#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/563436139/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/563436139/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 estão pendentes com você participa, crie equipestarefas, aproveacompanhe ousuas reprovepróximas participação em equipes privadas, acompanhe suas próximas reuniões, criereuniões, crie reuniões e vejaacesse uma resumovideochamada das suas tarefas na equipede 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/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 equipesprocessos, públicasabra e privadassolicitações, vejaacompanhe as equipesque queestão vocêem participaandamento, crieassuma equipes,e gerencieatenda equipes,solicitações configuredas videochamadasquais naé equiperesponsável, adicioneaprove ou remova participantes das equipesreprove solicitações, participeveja deo equipes,histórico saia de equipesações e veja detalhes das equipes que participamuito 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/563436139/tarefasequipes-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/2DAbIg#Collab|Vis%C3%A3ogeral-Verlistadetarefasdaequipe">Projetos<Ok0YIg">Equipes</a>
            </h1>
            <p class="collab-panel-text">Veja atodas listaas deequipes projetospúblicas dae equipeprivadas, acompanheveja as tarefasequipes pendentes,que emvocê andamentoparticipa, ecrie finalizadasequipes, saibagerencie quaisequipes, delasconfigure estãovideochamadas sobna sua responsabilidade.</p>
          </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/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, acompanhecrie suasprojetos, próximascrie reuniõesetapas nanos equipeprojetos, adicioneacompanhe ouas removatarefas participantes nas reuniões, faça reuniões por videochamada, edite ou exclua reuniões, anexe documentos nas reuniõespendentes, 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/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">Crie pastasreuniões ena adicione documentosequipe, visualizeacompanhe documentos compartilhados, renomeie, baixe e exclua documentos das equipes que participasuas 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/participantesdocumentos-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/2DAbIg#Collab|Visãogeral-Vertodososparticipantesdaequipe">Participantes<KzbXIQ">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/563436139/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 comoDrive aem inclusãoequipes em uma 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 <img class="collab-panel-colthumb">
          <div class="collab-panel collab-text-center collab-full-height">
            <img class="collab-panel-thumb" src=" src="https://tdn.totvs.com/download/attachments/563436139/gerenciar-contamonitoramento-azul.png">
            <h1 class="collab-panel-title">
              <a href="https://tdn.totvs.com/x/hBMFIg">Gestão da conta</a>
X0FuKw">Monitoramento</a>
              </h1>
            <p class="collab-panel-text">Visualize suas informações de usuário>Tenha visões detalhadas do andamento das tarefas e altere sua senhados projetos das suas equipes.</p>
          </div>
         </div>
		<div class="collab-col</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">
          <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/563436139/ajuda-azul.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>

...