Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<div class="jumbotron jumbotron-full-height d-flex" style="background-position-x: center;">
      <div class="jumbotron-image">
        <img class="lazyload" data-src="https://wwwimg.totvsfreepik.com/wppremium-content/uploads/2020/08/banner-fluig-home.jpgphoto/close-up-business-people-are-analysis-business-report-with-digital-virtual-screen-business-financial-background_33799-7219.jpg?w=826" src="https://wwwimg.totvsfreepik.com/wppremium-content/uploads/2020/08/banner-fluig-home.jpgphoto/close-up-business-people-are-analysis-business-report-with-digital-virtual-screen-business-financial-background_33799-7219.jpg?w=826">
      </div>
      <div class="jumbotron-content">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-7">
              <nav class="crumbs"><a href="https://www.totvs.com/?utm_campaign=s-fluig&utm_source=google-search&utm_medium=cpc&utm_term=fluig-generica%3Fgclid">TOTVS</a><span class="sep"> > </span><span>Fluig</span></nav>              <h1 class="h3 text-white font-weight-normal">Com TOTVS Fluig, sua empresa<br>>
<span class="text-yellowblue font-weight-bolder">unifica processos, pessoas e sistemas </span><br>
com uma interface <span class="text-yellow font-weight-bolder">fácil de usar e intuitiva</span></h1>
<div class="h6 text-white py-5 letter-spacing-0">Mais de quatro mil clientes já usam as soluções do TOTVS Fluig<br>
boldest text-highlighted">Smart View</span> <br />
Solução TOTVS para <span class="text-yellowblue font-weight-bolder">para>extrair, impulsionarmanipular ose seus negócios</span></div>

              <div class="text-center text-md-left">
                 <a href="#contato" class="btn btn-outline-white btn-outline-white-primary btn-lg btn-extend d-block d-sm-inline-block" data-ga="true" data-ga-action="Ligamos para você" data-ga-label="Banner Superior">Ligamos pra você</a>
              </div>visualizar dados transacionais.</span> </h1>
            </div>
          </div>
        </div>
      </div>
      <div class="jumbotron-footer jumbotron-footer-white">
        <div class="scroll scroll-white">
          <a href="##novidades">
            <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 505.7 70.1" style="enable-background:new 0 0 505.7 70.1;" xml:space="preserve"><title>curve-hollow-grey-out</title><path class="d-block" d="M351,32.6c-55.9,30.1-71.4,32.7-98.2,32.7s-42.3-2.6-98.2-32.7S28,0,28,0H0v70.1h28h449.6h28.1V0h-28.1C477.6,0,407,2.5,351,32.6z"></path></svg>
          </a>
        </div>
      </div>
    </div>

<style>
html {
	scroll-behavior: smooth;
}

.jumbotron {
    z-index: auto !important;
}

.jumbotron-full-height {
    min-height: 100vh50vh;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.jumbotron {
    background-color: transparent;
    background-size: cover;
    padding: 50px 0;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
    border: 0;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
@media (min-width: 576px)
.jumbotron {
    padding: 4rem 2rem;
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

 .jumbotron-full-height .jumbotron-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.jumbotron .jumbotron-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    overflow: hidden;
} 

.jumbotron-full-height .jumbotron-content {
    position: relative;
    padding: 110px 0;
    width: 100%;
}
.jumbotron .jumbotron-content {
    position: relative;
    z-index: 40;
    overflow: hidden;
    max-width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: -135px;
    margin-left: 50px;
 }

.jumbotron .jumbotron-footer {
    position: absolute;
    bottom: -6px;
    width: 100%;
    left: 0;
    z-index: 50;
    overflow: hidden;

    .d-block {
		fill: #fff;
	}
} 

.jumbotron img {
	width: 100%;
}

.jumbotron .jumbotron-image:before {
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7)
}

.jumbotron .jumbotron-footer>.scroll>a {
    display: block;
    position: relative;
    height: 100%;
}

.jumbotron .jumbotron-footer.jumbotron-footer-white .scroll>a:after {
    border-top-color: #fff;
}

.jumbotron h1 .text-highlighted {
    font-size: 3rem !important;
}

.jumbotron .text-white {
    color: #fff !important;
}

.jumbotron .text-blue {
    color: #0c9abe !important;
}

.jumbotron .font-weight-normal {
    font-weight: 400!important;
}

.jumbotron .font-weight-boldest {
    font-weight: 700 !important;
}

.jumbotron .h3, .jumbotron h3 {
    font-size: 2.125rem;
}

.jumbotron .h1, .jumbotron .h2, .jumbotron .h3, .jumbotron .h4, .jumbotron .h5, .jumbotron .h6, .jumbotronh1, .jumbotron h2, .jumbotron h3,  .jumbotron h4, .jumbotron h5, .jumbotron h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.jumbotron .h1, .jumbotron h1 {
    font-size: 3.125rem;
}

.jumbotron h1, .jumbotron h2, .jumbotron h3, .jumbotron h4, .jumbotron h5, .jumbotron h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}   

.jumbotron .jumbotron-footer>.scroll {
    height: 69px;
    width: 505px;
    position: relative;
    z-index: 50;
    left: 0;
    right: 0;
    margin: auto;
}

 .jumbotron .jumbotron-footer>.scroll>a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid #fff;
    border-right: 15px solid transparent;
    border-bottom: 0;
    border-left: 15px solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-animation: float 1s infinite;
    -o-animation: float 1s infinite;
    animation: float 1s infinite;
}
 
@keyframes float {
    50% {
        -webkit-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px)
    }

    to {
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}
 </style>

Livesearch
spaceKeyTREP
sizelarge
placeholderEstou procurando por ....
typepage

Section
HTML
<div id="novidades"></div>
Painel
O que há de novo
titleColorborderColor#f5f5f5#0c9abe
titleBGColorborderStyle#0c9abesolidtitle

Image Added

O QUE HÁ DE NOVO?

INFORMAÇÕES SOBRE AS RELEASES ATUAIS, O QUE FOI CORRIGIDO, O QUE FOI IMPLEMENTADO DE NOVO


Page Tree
rootNovidades do da Release
spacesTREP

Section
Painel
Documentos de Referência
borderColor#0c9abe
titleColor#f5f5f5
titleBGColor#0c9abetitle
borderStylesolid

Image Added

DOCUMENTOS DE REFERÊNCIA

DOCUMENTOS QUE AUXILIAM NUM MELHOR ENTENDIMENTO DA FERRAMENTA


Page Tree
rootDocumentos de Referência
spacesTREP

size
Section
Livesearch
spaceKeyTREP
large
placeholderEstou procurando por ....
typepage
Downloads
Painel
titleBGColor
bgColorborderColor#E1E7EE#0c9abe
titleColorborderStyle#f5f5f5solid

Como calcular o tempo de download de um arquivoImage Added

#0c9abetitle

DOWNLOADS

EXECUTÁVEIS / BINÁRIOS PARA A INSTALAÇÃO DA FERRAMENTA PARA SEU COMPLETO USUFRUTO

Instalador Windows

Binários Linux

Para detalhes da instalação, ver aqui.

Painel
bgColorborderColor#E1E7EE#0c9abe
titleColorborderStyle#f5f5f5
titleBGColor#0c9abe
titleDicas e Truques
solid

DICAS E TRUQUES

(informação) Confira as Dicas e Truques do Smart View aqui.

(informação) (NOVIDADE) Confira a nova página de Design de Relatórios aqui.

Painel
bgColorborderColor#E1E7EE#0c9abe
titleColorborderStyle#f5f5f5
titleBGColor#0c9abe
titleTemplates de Relatórios
solid

TEMPLATES DE RELATÓRIOS

(informação) Baixe templates de relatórios no padrão TOTVS aqui.

Informações
iconfalse

(aviso) A versão12.1.29 do TReports foi descontinuada e não receberá mais suporte.

Informações sobre a migração para a Nova Versão do TReports: https://tdn.totvs.com/x/W1ONJQ



Painel
Últimas Atualizações
titleColorborderColor#f5f5f5#0c9abe
titleBGColorborderStyle#0c9abetitlesolid

ÚLTIMAS ATUALIZAÇÕES

Atualizado recentemente
typespage
max10
spacesTREP
themesocial