Á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, projetos, tarefas e documentos. 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.

...

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: 10px;
      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: #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 tarefas que estão pendentes com você, crie 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="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 de equipes, saiao histórico 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/2DAbIgOk0YIg">Projetos<>Equipes</a>
            </h1>
            <p class="collab-panel-text">Veja ostodas projetosas daequipes equipe,públicas criee projetosprivadas, crieveja etapasas nos projetosequipes que você participa, acompanhecrie asequipes, tarefasgerencie pendentesequipes, emconfigure andamentovideochamadas ena finalizadasequipe, saibaadicione quaisou delasremova estãoparticipantes sobdas suaequipes, responsabilidade,participe movimentede tarefasequipes, crie, editesaia de equipes e exclua tarefasveja 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, adicione ou remova participantes nas reuniões, faça reuniões por videochamada, edite ou exclua reuniões, anexe documentos nas reuniõesacompanhe 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/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 documentossuas compartilhados,próximas renomeie,reuniões baixena eequipe, excluaadicione documentosou dasremova equipesparticipantes que participa.</p>
          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/integra%C3%A7%C3%B5esdocumentos-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<KzbXIQ">Documentos</a>
            </h1>
            <p class="collab-panel-text">Faça>Crie reuniõespastas come videochamadasadicione pelodocumentos, Googlevisualize Meetdocumentos ecompartilhados, anexerenomeie, documentosbaixe doe Googleexclua Drivedocumentos emdas equipes eque reuniõesparticipa.</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-colpanel-thumb" src="https://tdn.totvs.com/download/attachments/563436139/monitoramento-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/downloadx/attachments/563436139/gerenciar-conta-azul.png">X0FuKw">Monitoramento</a>
            <h1 class="collab-panel-title"></h1>
            <p  <a href="https://tdn.totvs.com/x/hBMFIg">Gestão da conta</a>
            </h1>class="collab-panel-text">Tenha visões detalhadas do andamento das tarefas e dos projetos das suas equipes.</p>
          </div>
  <p class="collab-panel-text">Visualize suas informações de usuário e</div>
 altere sua senha.</p>
		<div class="collab-col">
          <div  </div>
class="collab-panel collab-text-center collab-full-height">
          </div>
		<div class="collab-col   <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>

...