Falando de templates de páginas... Image Modified

...

Os templates te ajudam a construir as páginas com mais agilidade, já trazendo um layout com componentes adequados à sua necessidade. Os templates são categorizados em Básicos e Avançados.

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

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

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

    /* Component LMS Callout */

    .lms-callout {
      border: none;
      padding: 0px;

      display: -moz-box;
      -moz-flex-flow: row wrap;
      -moz-justify-content: center;
      -moz-align-items: center;

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

      display: flex;
      flex-flow: row wrap;      
      justify-content: center;
      align-items: center;
    }
  
    .lms-callout .lms-callout-image {
      width: 24px;
    }

    .lms-callout .lms-callout-body {
      width: calc(100% - 24px);
      padding-left: 20px;
    }

	.lms-callout .lms-callout-citacao {
      border: 0px solid;
      border-left-width: 3px;
      border-left-color: #f36f21;
	  margin: 4px;
	  margin-left: 25px;
	  padding-left: 8px;
      font-size: 13px;
	}

    .lms-callout .lms-callout-thumb {
      width: 24px;
      height: 24px;
    }

    .lms-callout .lms-callout-text {
      color: #58595b;
      line-height: 1.75;
      margin: 0;
    }
</style>
<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/dica.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>DICA!</b><br>Utilize esses templates<i>templates</i> como ponto de partida, e utilize o <a href = "http://tdn.totvs.com/x/9Y5qH" style="color: #41d262">Editor de páginas</a> para personalizar as opções conforme sua necessidade!</p>
		</div>
	</div>
</div>

Templates básicos

...

São templates mais simples com foco em alguns segmentos de negócio. Não possuem integração com outros aplicativos.

Logística

...

Foi construído para empresas do ramo de logística, contendo menu, seção, conteúdos de texto, parágrafos e rodapé.

Multimedia
name Logistica.mp4 width 100% height

...

5%

Educacional

...

Foi construído com foco em redes de universidades e instituições de ensino, contendo menu, banner, conteúdos de texto, galeria de imagens e rodapé. 

Multimedia
name Educacional.mp4 width 100% height

...

5%

Saúde

...

Foi construído pensando em hospitais, clínicas e laboratórios. A página contém menu, banner, conteúdos de texto, galeria de imagens e rodapé. 

Multimedia
name Saúde.mp4 width 100% height

...

5%

Varejo

...

Foi construído com foco em redes de restaurantes. A página contém menu, galeria de imagens, conteúdos de texto e rodapé. 

Multimedia
name Varejo.mp4 width 100% height

...

5%

Construções e projetos

...

Foi construído para empresas no ramo de engenharia e arquitetura, contendo menu, banner, conteúdos de texto, seção, galeria de imagens e rodapé. 

Multimedia
name Construção.mp4 width 100% height

...

5%

Templates avançados

...

São templates mais complexos que possuem integração com outros aplicativos e, juntos, eles proporcionam mais valor agregado ao negócio.

...

Central de atendimento

...

Image Modified ^{Assista ao vídeo}

...

<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/importante.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>IMPORTANTE!</b><br>É necessário que o usuário que esteja criando a página com esse <i>template</i> também tenha acesso ao <a href = "https://tdn.totvs.com/x/i28hH" style="color: #e1af29">TOTVS Forms</a> e ao <a href = "https://tdn.totvs.com/x/02YhH" style="color: #e1af29">TOTVS Tasks</a>.</p>
		</div>
	</div>
</div>

Multimedia
name Central de atendimento.mp4 width 100% height

...

5%

Página

Ao utilizar esse template, uma página no estilo Central de atendimento será criada automaticamente com componentes prontos e configurados, você só precisará editar o conteúdos conteúdo deles com as informações da sua empresa. Se desejar, também pode modificá-los e configurá-los para adequar ao seu negócio e deixá-lo do seu jeito.

Formulário

Junto com a criação da página, um formulário é criado no TOTVS Forms e automaticamente incorporado a ela – onde serão preenchidas as informações da solicitação de atendimento.

...

<div class="lms">
	<div class="lms-callout">
		<div class="lms-callout-image">
			<img class="lms-callout-thumb" src="http://tdn.totvs.com/download/thumbnails/286221066/dica.png" width="24" height="24">
		</div>
		<div class="lms-callout-body">
			<p class="lms-callout-text"><b>DICA!</b><br>Informações sobre as ações disponíveis para o formulário podem ser obtidas no <a href = "https://tdn.totvs.com/x/e8j1H" style="color: #41d262">Guia de usuário</a> do TOTVS Forms.</p>
		</div>
	</div>
</div>

Lista de tarefas

Da mesma forma, uma lista de tarefas será criada automaticamente no TOTVS Tasks para que os responsáveis por atender as solicitações prossigam com o atendimento.

...