Histórico da Página

<!-- 1. LINKS CSS -->

<!-- Link para o Materialize CSS -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css"
/>

<!-- Link para o Material Icons -->
<link
  href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet"
/>

<!-- Link para o UIkit CSS -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css"
/>

<!-- Link para o Bootstrap CSS -->
<link
  rel="stylesheet"
  type="text/css"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
/>

<!-- Link para o FontAwesome -->
<link
  rel="stylesheet"
  href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>

<!-- 2. ESTILOS INTERNOS -->

<!-- 2. ESTILOS INTERNOS -->

<style>
  @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");


       #title-text {
        display: none !important;
      }
      .wiki-content h2 {
        font-size: 25px !important;
        font-family: "Roboto", sans-serif !important;
        color: #42526e !important;
      }

    .wiki-content a,
    .wiki-content a:link,
    .wiki-content a:visited,
    .wiki-content a:focus,
    .wiki-content a:hover,
    .wiki-content a:active {
        color: #FFFFFF !important;
text-decoration: none!important;
    }

.element.style {
float: none!important;
     }

        * {
        font-family: "Roboto", sans-serif;
     }  

     *, body {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

    .wiki-content p {
              font-family: "Roboto", sans-serif!important;
           }      .deep-purple.darken-2 {
    background-color: #000000 !important;
  }

  .deep-purple {
    background-color: #000000 !important;
  }

  nav img {
    margin-top: 10px;
    height: 40px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }

  .row {
    margin: 0 -0.75rem;
  }

  .container {
    position: relative;
    margin: -325px auto 60px;
    padding: 50px;
    left: 0;
    right: 0;
    width: 90%;
    max-width: 1300px;
    background-color: #f4f5f7;
    border-radius: 0 0 20px 20px;

  }

  .header {
    height: 400px;
    background-repeat: no-repeat; 
  background-size: cover;
  background-position: center;
    background-image: url("https://totvscrm.com/wp-content/uploads/2023/08/capa-com-fundo-.png");
  }

  .mt-0 {
    margin-top: 0 !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .mt-20 {
    margin-top: 20px !important;
  }
  .mb-20 {
    margin-bottom: 20px !important;
  }

  i.circle {
    padding: 10px;
    margin-right: 24px;
    background-color: #7e57c2; /*rgba(0, 0, 0, 0.26);*/
  }

  .waves-effect {
    width: 100%;
    border-radius: 2px;
  }

  .posts .card-panel {
    padding: 8px;
  }

  .post {
    padding: 8px 16px;
  }

  .wiki-content {
    margin: 0% !important;
  }

  .card-panel {
    border-radius: 15px;
    background-color: #ffffff !important;
   border: 3px solid #42526e;
   box-shadow: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }

  .card-panel:hover {
    background-color: #dfe1e5 !important;
    transition: background-color .9s ease; /* Optional transition for smooth effect */
  }

  .post .valign-wrapper {
    min-height: 72px;
  }

  .post .title,
  .post .title {
    font-size: 1.25rem;
    line-height: 1.64rem;
    margin: 0;
    cursor: pointer;
    border: 1px solid #000;
    padding: 10px; /* Adiciona espaçamento interno de 10px */
    max-width: 700px;
  }

  .custom-paragraph {
    font-size: 14px;
    color: #363636;
  }

  .post .title span {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.54);
  }

  .date {
    line-height: 26px;
    min-width: 110px;
  }

  .text {
    font-size: 1.375rem;
    font-weight: 300;
  }

  .card-panel img {
    max-width: 100%;
    height: auto;
    
    
  }

  @media only screen and (min-width: 993px) {
    .single-content h3 {
      width: calc(100% - 150px);
    }
  }

  @media only screen and (max-width: 992px) {
    .container {
      width: 100%;
    }
  }

  .green-background {
    background-color: #f4f5f7;
    padding: 20px; 
    margin: 15px;/* Para adicionar algum espaçamento ao redor da timeline */
  }

  .main-content {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .m-r-5 {
    margin-right: 5px;
  }

  .box {
    margin-bottom: 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.1);
  }
  .box__header {
    padding: 20px;
    border-bottom: 1px solid #ddd;
  }
  .box__header h1,
  .box__header h2,
  .box__header h3,
  .box__header h4,
  .box__header h5,
  .box__header h6 {
    margin-bottom: 0;
  }
  .box__body {
    padding: 20px;
  }

  .timeline__row {
    display: flex;
    position: relative;
  }
  .timeline__row_icon {
    width: 30px;
    margin-right: 20px;
    z-index: 1;
  }
  .timeline__row_content {
    width: calc(100% - 30px);
    margin-bottom: 20px;
  }
  .timeline__row_content .badge {
    margin-bottom: 10px;
  }
  .timeline__row_content_desc {
    padding: 15px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  }
  .timeline__row:nth-last-child(1) .timeline__row_content {
    border: none;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .timeline__row:nth-last-child(1):before {
    height: 0;
  }
  .timeline__row:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 15px;
    background: #d5d5d5;
  }

  .timeline .timeline-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    color: #03a9f4;
    background: #fff;
    border: 2px solid #03a9f4;
  }
  .timeline .timeline-icon.success {
    color: #4caf50;
    border-color: #4caf50;
  }
  .timeline .timeline-icon.warning {
    color: #ff9800;
    border-color: #ff9800;
  }
  .timeline .timeline-icon.danger {
    color: #f44336;
    border-color: #f44336;
  }


  @import url("https://totvscrm.com/wp-content/uploads/2023/08/xxe.png");
  body {
    background: #ffffff;
    font-family: "Roboto", sans-serif;
  }

  .main-content {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .m-r-5 {
    margin-right: 5px;
  }

  .box {
    margin-bottom: 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.1);
  }
  .box__header {
    padding: 20px;
    border-bottom: 1px solid #ddd;
  }
  .box__header h1,
  .box__header h2,
  .box__header h3,
  .box__header h4,
  .box__header h5,
  .box__header h6 {
    margin-bottom: 0;
  }
  .box__body {
    padding: 20px;
  }

  .timeline__row {
    display: flex;
    position: relative;
  }
  .timeline__row_icon {
    width: 30px;
    margin-right: 20px;
    z-index: 1;
  }
  .timeline__row_content {
    width: calc(100% - 30px);
    margin-bottom: 20px;
  }
  .timeline__row_content .badge {
    margin-bottom: 10px;
  }
  .timeline__row_content_desc {
    padding: 15px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  }
  .timeline__row:nth-last-child(1) .timeline__row_content {
    border: none;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .timeline__row:nth-last-child(1):before {
    height: 0;
  }
  .timeline__row:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: 15px;
    background: #d5d5d5;
  }

  .timeline .timeline-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    color: #03a9f4;
    background: #fff;
    border: 2px solid #03a9f4;
  }
  .timeline .timeline-icon.success {
    color: #4caf50;
    border-color: #4caf50;
  }
  .timeline .timeline-icon.warning {
    color: #ff9800;
    border-color: #ff9800;
  }
  .timeline .timeline-icon.danger {
    color: #f44336;
    border-color: #f44336;
    
  }

  .timeline__line {
    gap: 11px;
    position: absolute;
    width: 3px;
    background-color: #42526e;
    left: 50%;
    top: 335px;
    bottom: 6%;
    transform: translateX(-50%);
    
  }
  
  .timeline__line_bullet {
    position: absolute;
    top: -6px; /* Ajuste para posicionar acima da linha */
    left: calc(50% - 8px); /* Ajuste para centrar a bolinha */
    width: 16px;
    height: 16px;
    background-color: #1094b8; /* Cor da bolinha */
    border-radius: 50%;
    z-index: 2; /* Para que a bolinha fique sobre a linha da timeline */
  }

  .timeline {
    position: relative;
    margin: 15px;
    /* Adicione posicionamento relativo ao container da timeline */
  }

  .timeline-entry {
    position: relative; /* Adicione posicionamento relativo às entradas da timeline */
    margin-left: 30px; /* Ajuste a margem esquerda para dar espaço para a linha */
  }
  
     .saiba-mais-btn {
      background-color: #1094b8;
      color: #fff;
      border: none;
      border-radius: 5px;
      padding: 5px 10px;
      cursor: pointer;
       text-decoration: none;
       outline: none;
       display: inline-block;
       font-size: 12px;
    }

    .saiba-mais-btn:hover {
      background-color: #f49d14;
      color: #fff; 
       text-decoration: none;
    }
  
    .card-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 5px;
}
.card-footer i {
  font-size: 18px;
  margin-right: 5px;
}

.card-title{
  font-size: 16px;
  color: #42526e;

}

.card-text{
  font-size: 15px;
  color: #42526e;

}


/* Center the logo */
.logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; 
  bottom: 20px;/* Adjust the height of the logo container */
}

/* Style the logo */
.centered-logo {
  max-width: 200px; /* Ensure the logo scales properly */
  height: auto;
}

.footer-image {
  max-height: 50px;
  width: 100%; /* Extend the image across the full width */
  position: relative; /* Keep the image fixed at the bottom */
  bottom: 0;
  left: 0;
}

.logo-text {
  margin-top: 5px; /* Add space between logo and text */
  font-size: 16px; /* Adjust font size as needed */
  color: #42526e; /* Set the text color */
  padding: 38px;
  justify-content: center;

       
}


.timeline-date {
  text-align: center;
  font-size: 12px;
  margin-bottom: 10px;
}

.timeline-date i {
  font-size: 24px;
}

.gray-text {
  color: #42526e;
}

.icon-center {
    justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
   transform: translateX(-50%);
  z-index: 2;
 gap: 10px;
 color: #42526e;
 margin-bottom: 20px;
}

.badges-container {
      text-align: center;
    }
    .badges {
      background-color: #FEAC0E; /* Yellow color */
      color: #fff;
      font-size: 16px;
      padding: 5px 8px;
      border-radius: 10px;
    }
</style>

<!-- 5. ESTRUTURA HTML -->

<div class="header deep-purple">
  <!-- Logo container -->
  
</div>

<div class="container single-content" style="display: none">
  <div class="date white-text right hide-on-med-and-down"></div>
</div>

<div class="container">
  <div class="logo-container">
    <img src="https://totvscrm.com/wp-content/uploads/2023/08/logotcrm.png" alt="Your Logo" class="centered-logo">
<br>
  </div>
  <div class="badges-container">
    <span class="badges">RELEASE NOTES</span>
  </div>
  <div>  <p class="logo-text">
    Neste registro de alterações, você encontrará um resumo das atualizações e aprimoramentos incorporados à versão 12.1.2307. Para obter a documentação completa, clique em "Saiba mais".</p>
  </div> 
     
  <div class="timeline__line">
    <div class="timeline__line_bullet"></div> <!-- Bolinha verde --> <br> <br>
  </div>
  <div class="green-background">
    <div class="timeline"><br>
           
      <!-- Entry 1 -->
      <div class="timeline-entry">
         <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text" style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>DESCONTO UNIFICADO POR FAIXA DE PESO</strong>
            </div>
             <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Aprimoramento nas Estratégias de Desconto! Agora você pode definir descontos baseados na faixa de peso dos pedidos. Ofereça incentivos mais atrativos para compras volumosas e evite erros configurando limites mínimo e máximo de peso. Além disso, habilite aprovações ou bloqueios. Potencialize suas vendas com essa nova funcionalidade estratégica!  
            </div> <br>
             <a class="saiba-mais-btn" href="https://tdn.totvs.com/display/TCADFDVS/Desconto+Unificado+por+Faixa+de+Peso" target="_blank">Saiba Mais</a>
            
            
          </div>
        </div>
      </div> <br>
      <!-- Entry 2 -->
      <div class="timeline-entry">
         <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge green white-text"style="font-size: 12px; border-radius: 10px;">Novo</span>
              <strong>CAMPANHA DE PRODUTOS</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Potencialize suas vendas de maneira inteligente! Agora, é possível comercializar conjuntos de produtos - conhecidos como mix, campanha ou grupo. Esses produtos estratégicos são incorporados em campanhas, intensificando sua estratégia de vendas. Ao definir regras de desconto e quantidade, você pode estabelecer critérios para a venda desses conjuntos, impulsionando promoções ligadas à aquisição de mais produtos (modelo atacado).




             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/display/TCADFDVS/Campanha+de+Produtos" target="_blank">Saiba Mais</a>
        </div>
      </div></div><br>
      <!-- Entry 3 -->
      <div class="timeline-entry">
                <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>OTIMIZAÇÃO DE DOWNLOAD DO ESPELHO DE PEDIDO</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Agora, é possível definir um formato padrão para download do relatório do Espelho de Pedido no TOTVS CRM - SFA. Ao selecionar um formato preferencial nas configurações (PDF ou XLSX), o relatório será baixado automaticamente com um único clique no botão "Relatório", eliminando etapas adicionais e acelerando o processo.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=731879764" target="_blank">Saiba Mais</a>
        </div>
      </div></div><br>
      <!-- Entry 4 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>CONFIGURAÇÃO DE APROVAÇÃO PARA CLIENTES INADIMPLENTES</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> O TOTVS CRM - SFA agora detecta clientes com títulos financeiros vencidos no momento da realização de um pedido. Ao identificar um cliente inadimplente, a solução encaminha o pedido para aprovação, proporcionando um controle mais rigoroso e minimizando riscos de perdas financeiras.            </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=731879767" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>
<!-- Entry 5 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>LEGIBILIDADE APRIMORADA EM HISTÓRICO DE VENDAS</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Nesta atualização, aprimoramos a legibilidade do texto na seção de Histórico de Vendas. A cor da fonte foi ajustada para proporcionar maior contraste, facilitando a leitura e consulta das informações. Esta melhoria visa otimizar a experiência do usuário, tornando a navegação mais confortável e reduzindo a fadiga visual.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=731879748" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>     
 <!-- Entry 6 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>PREVISÃO DE REPOSIÇÃO DE ESTOQUE COMO ESTOQUE VÁLIDO</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Agora, você pode combinar a visão do estoque atual com as reposições futuras. Negocie com base na disponibilidade total do produto, acessando rapidamente as ordens de produção vinculadas. Esta atualização otimiza a precisão em vendas e promessas de entrega, garantindo decisões mais informadas e oportunidades maximizadas.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=731879712" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br> 
  <!-- Entry 7 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>PREÇOS DE TABELA COM FATOR DE EMBALAGEM</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Agora, no Pedido de Venda, a funcionalidade 'Fator de Embalagem' está disponível. Ao selecionar um produto, o campo 'Fator de Embalagem' exibe automaticamente a quantidade de unidades contidas na embalagem escolhida. Esta inovação oferece uma visão clara da quantidade de itens por embalagem e introduz um cálculo automático do 'Preço tabela embalagem', otimizando a experiência de compra.              </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=731879753" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>   

 <!-- Entry 8 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>VALIDAÇÃO DE ESTOQUE PARA AJUSTES DE PEDIDOS</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i>  Agora, é possível adicionar produtos ao pedido sem a necessidade de uma verificação imediata de estoque - graças ao modo "Orçamento". Este recurso aprimora o controle do seu inventário, confirmando o saldo disponível apenas no momento da conclusão do pedido.               </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=742204699" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>   
  <!-- Entry 9 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>
SALDO DE ESTOQUE NAS ABAS DE CARDS DE PRODUTOS</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Agora, ao navegar pelas abas "Sugestão de venda", "Black Friday", "Lançamento", e "Oferta", a disponibilidade de estoque é exibida diretamente nos cards de produtos.Com este recurso, você pode destacar os produtos mais procurados e garantir que as vendas sejam realizadas com base na real disponibilidade de estoque, impulsionando uma gestão de vendas mais eficiente e lucrativa.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/display/TCADFDVS/Saldo+de+Estoque+nas+Abas+de+Cards+de+Produtos" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>
 <!-- Entry 10 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>GPS: CONCLUSÃO FORA DA ÁREA DO CLIENTE  </strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Agora, é possível finalizar atendimentos mesmo fora da área geográfica predefinida do cliente. Esta atualização traz uma representação clara de quando um atendimento é finalizado fora do local esperado. Ao incorporar esta funcionalidade, você aprimora a flexibilidade de operações em campo, garantindo eficácia e adaptabilidade às situações dinâmicas.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=754944112" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br> 
<!-- Entry 11 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>EXIBIÇÃO DO FATOR DE EMBALAGEM NO CARRINHO </strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i>Com a mais recente adição do "Fator de Embalagem" ao TOTVS SFA, você agora tem uma visão imediata e intuitiva da relação entre produtos e suas embalagens. Esta atualização, disponível em nossas interfaces Web e Android, permite a visualização clara do "Fator de Embalagem" diretamente na grade de produtos.              </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=748078793" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br> 
 <!-- Entry 12 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>ATIVAÇÃO DA CÂMERA NA TELA DE CADASTRO DE CLIENTES DO APP </strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Aprimoramos ainda mais o processo de cadastro de clientes com a introdução da funcionalidade de captura de fotos em tempo real. Agora, enquanto você preenche os detalhes do cliente no aplicativo, pode acionar instantaneamente a câmera do dispositivo para capturar imagens relevantes. Essa abordagem elimina a necessidade de capturar fotos previamente e anexá-las depois, o que resulta em uma otimização significativa do fluxo de trabalho.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=731879704" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br> 
  <!-- Entry 13 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>SIMULAÇÃO % COMISSÃO NA VENDA (WINTHOR) </strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Explore a Inovação do Cálculo de Comissão. Agora, é possível ter acesso imediato aos valores e percentuais de comissão por venda de cada item, aprimorando suas decisões e impulsionando seus resultados de forma eficiente, com total integração ao Winthor.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=743675378" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>
   <!-- Entry 14 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>CONSULTA RECEITA FEDERAL: PREENCHIMENTO AUTOMÁTICO DE CADASTRO</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Agora, ao realizar consultas de CNPJ por meio do nosso recurso de integração com a Receita Federal, os dados serão preenchidos automaticamente nos campos relevantes do cadastro de clientes. Essa funcionalidade agiliza o processo de inserção de informações e garante que os dados estejam sempre atualizados e precisos.              </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=743691460&moved=true" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>
    <!-- Entry 15 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>DESCONTO NO VALOR TOTAL DO PEDIDO</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> 
Com o novo recurso de "Desconto de Rodapé no Pedido", você pode aplicar descontos diretamente ao valor total do pedido, sem impactar os preços individuais dos itens. Isso proporciona maior flexibilidade e precisão no gerenciamento dos descontos, tornando o processo mais eficiente e personalizado.             </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/display/TCADFDVS/Desconto+no+Valor+Total+do+Pedido?moved=true" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br> 
<!-- Entry 15 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>DESCONTO POR LOTE / VIDA ÚTIL DO PRODUTO (SHELF-LIFE)</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Impulsione a rotatividade do estoque e evite desperdícios. Com o novo recurso, você sincroniza os dados de lote dos produtos diretamente do seu ERP. Isso permite a aplicação de descontos com base no prazo de validade, alinhados ao tempo de vida útil dos itens na prateleira. 
            </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=765101501" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>
<!-- Entry 16 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>INTEGRAÇÃO DE FRETE NO CÁLCULO DE IMPOSTOS E TOTAL DO PEDIDO</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> O recurso Cálculo de Frete Integrado foi aprimorado para proporcionar uma integração mais eficiente do valor do frete com o valor total do pedido. Agora, ao adicionar o valor do frete, ele será automaticamente somado ao total do pedido e incorporado aos cálculos de impostos. Isso resulta em uma precisão aprimorada dos custos de entrega e cálculos fiscais, tornando a experiência de compra mais transparente e precisa.  
            </div> <br>
            <a class="saiba-mais-btn" href="https://tdn.totvs.com/pages/viewpage.action?pageId=759922985&moved=true" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>

<!-- Entry 17 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>COMPARTILHAMENTO DE IMAGENS DE PRODUTOS EM APLICATIVOS</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat consequat consequat conseq. 
           Com o intuito de aprimorar a experiência do usuário e facilitar a promoção e comunicação de produtos, a nova atualização do TOTVS CRM SFA introduz a funcionalidade de compartilhamento direto de imagens de produtos para outros aplicativos de comunicação, como WhatsApp. Esta inovação visa atender às demandas recorrentes de nossos usuários, que agora podem otimizar a interação com seus clientes, enviando imagens diretamente do aplicativo, mantendo sua qualidade original e agilizando o processo de vendas.             </div> <br>
            <a class="saiba-mais-btn" href="https://exampletdn.totvs.com/pages/viewpage.action?pageId=734377439" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>

<!-- Entry 18 -->
      <div class="timeline-entry">
              <div class="timeline-content">
          <div class="card-panel">
            <div class="card-title">
              <span class="badge blue white-text"style="font-size: 12px; border-radius: 10px;">Melhoria</span>
              <strong>FLEXIBILIZAÇÃO DE DESCONTOS E ACRÉSCIMOS PARA PREÇOS FIXOS (WINTHOR)</strong>
            </div>
            <hr style="margin-top: 10px; margin-bottom: 20px; border: 1px solid #42526e;" />
            <div class="card-text">
              <i class="material-icons">description</i> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat consequat consequat conseq. 
            </div> <br>
            <a class="saiba-mais-btn" href="https://example.com" target="_blank">Saiba Mais</a>
          </div>
        </div></div><br>

               </div>
  </div>
</div>
</div>
</div>
 
</div>