Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">

<style>
body{
    font-family: Arial, sans-serif;
    background:#f5f6f8;
}

.qa-container{
    -- IMAGEM PRINCIPAL -->
<div style="text-align:center; margin-bottom: 20px;">
  <img 
    src="https://tdn.totvs.com/download/attachments/1036760547/1036761004/qualidade.png"
    alt="Reforma Tributária - Construção e Projetos"
    style="width:100%; max-width:1200px;
    marginheight:auto;"
    padding:20px;
}

.qa-title{
    font-size:26px;
    font-weight:bold;
    color:#1f2d3d;
}

.qa-subtitle{
    color:#5f6b7a;
    margin-bottom:30px;
}

/* GRID */
.grid{
    display:grid;
    />
</div>

<!-- CONTAINER DOS 5 BLOCOS -->
<div style="
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
">   <!-- CONTAINER GRID 4x4 -->
<div style="
  display: grid;
  grid-template-columns: repeat(auto-fit4, minmax(220px, 1fr))190px);
    gap: 20px;
    margin-bottom:30px;
}

/* CARD */
.card{
    background:#ffffff;
    border:1px solid #e0e6edjustify-content: center;
    border-radius:10px;
    padding:20pxmargin: 30px auto;
    textmax-alignwidth:center;
    transition:0.2s 900px;
}

.card:hover{">

    box-shadow:0 4px 10px rgba(0,0,0,0.08);<!-- BLOCO 1 -->
    transform: translateY(-3px);
}

/* BOTÃO */
.card a{
<a href=""
     text-decoration:none;
    color:#ffffff;
    background:#0055a5;
    padding:12px 18px;
    style="width:190px;height:140px;background:#e5e5e5;border-radius:6px20px;
    display:inline-block;
    font-weight:bold;
    font-size:14px;
}

.card a:hover{
    background:#003f7d;
}

/* TITULO SEÇÃO */
.section-title{
    font-size:20px;
    font-weight:bold;
    color:#1f2d3d;
    margin:30px 0 15px 0;
    border-left:5px solid #0055a5;
    padding-left:10px;
}

/* GRAFICO AREA */
.chart-box{
    background:#ffffff;
    border:1px solid #e0e6ed;
    border-radius:10px;
    padding:20px;
    margin-top:20px;
    text-align:center;
    color:#5f6b7a;
}
</style>

</head>

<body>

<div class="qa-container">

    <div class="qa-title">🧪 QA HUB – OPERAÇÃO</div>
    <div class="qa-subtitle">
        Core Vendas | Construção e Projetos<br>
        Central operacional de qualidade, testes, controle e indicadores
    </div>

  flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;">
    <img src="https://tdn.totvs.com/download/attachments/1036760547/1036761389/ScriptsDiversos.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 2 -->
  <a href="https://tdn.totvs.com/display/LRM/IA+TAMPLATES"
     style="width:190px;height:140px;background:#e5e5e5;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;">
    <img src="https://tdn.totvs.com/download/attachments/1036760547/1036761386/IATAMPLATE.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- ACESSOSBLOCO RÁPIDOS3 -->
  <a  <div classhref="section-title">🚀 Acessos Operacionais</div>
    <div class="gridstyle="width:190px;height:140px;background:#e5e5e5;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;">
        <div class="card"><a href="#">Iniciar Testes</a></div>
        <div class="card"><a href="#">Abrir Defeito</a></div>
        <div class="card"><a href="#">Checklist Ativo</a></div>
        <div class="card"><a href="#">Documentos QA</a></div>
        <div class="card"><a href="#">IA QA</a></div>
        <div class="card"><a href="#">Indicadores</a></div>
    </div>

  <img src="https://tdn.totvs.com/download/attachments/1036760547/1036761383/GeradoresDiversos.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- EXECUÇÃOBLOCO 4 -->
  <a  <div classhref="section-title">🧪 Execução de Testes</div>
    <div class="gridstyle="width:190px;height:140px;background:#e5e5e5;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;">
        <div class="card"><a href="#">Sistêmico</a></div>
        <div class="card"><a href="#">Integração</a></div>
        <div class="card"><a href="#">Regressão</a></div>
        <div class="card"><a href="#">Release</a></div>
        <div class="card"><a href="#">Exploratório</a></div>
        <div class="card"><a href="#">Automatizado</a></div>
    </div>

    <!-- CHECKLISTS<img src="https://tdn.totvs.com/download/attachments/1036760547/1036761382/FluxosdosProcessos.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 5 -->
  <a  <div class="section-title">📋 Checklists Operacionais</div>href="https://tdn.totvs.com/display/LRM/Ferramentas+diversas"
    <div class="gridstyle="width:190px;height:140px;background:#e5e5e5;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;">
        <div class="card"><a href="#">Checklist Sistêmico</a></div>
        <div class="card"><a href="#">Checklist Regressão</a></div>
        <div class="card"><a href="#">Checklist Release</a></div>
        <div class="card"><a href="#">Checklist Validação</a></div>
        <div class="card"><a href="#">Checklist Homologação</a></div>
        <div class="card"><a href="#">Checklist Técnico</a></div>
    </div>

  <img src="https://tdn.totvs.com/download/attachments/1036760547/1036761378/FerramentasDiversas.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO DEFEITOS6 -->
  <a  <div class="section-title">🐞 Defeitos</div>href="https://tdn.totvs.com/display/LRM/Doc+de+Auditoria"
    <div class="gridstyle="width:190px;height:140px;background:#e5e5e5;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;">
        <div class="card"><a href="#">Abertura de Defeito</a></div>
        <div class="card"><a href="#">Templates</a></div>
        <div class="card"><a href="#">Evidências</a></div>
        <div class="card"><a href="#">Padrões</a></div>
        <div class="card"><a href="#">Classificação</a></div>
        <div class="card"><a href="#">Controle</a></div>
    </div>

  <img src="https://tdn.totvs.com/download/attachments/1036760547/1036761376/Documentos%20Auditoria.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- IABLOCO QA7 -->
  <a  <div class="section-title">🤖 IA QA</div>href="https://tdn.totvs.com/display/LRM/Cursos+e+Treinamentos"
    <div class="gridstyle="width:190px;height:140px;background:#e5e5e5;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;">
        <div class="card"><a href="#">Gerar Casos de Teste</a></div>
        <div class="card"><a href="#">Criar Cenários</a></div>
        <div class="card"><a href="#">Analisar Requisitos</a></div>
        <div class="card"><a href="#">Análise de Impacto</a></div>
        <div class="card"><a href="#">Testes Exploratórios</a></div>
        <div class="card"><a href="#">Apoio Defeitos</a></div>
    </div>

    <!-- INDICADORES<img src="https://tdn.totvs.com/download/attachments/1036760547/1036761374/CursosTreinamentos.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 8 -->
  <a  <div classhref="section-title">📊 Indicadores Operacionais</div>
    <div class="gridstyle="width:190px;height:140px;background:#e5e5e5;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;">
        <div class="card"><a href="#">Bugs por Módulo</a></div>
        <div class="card"><a href="#">Bugs por Severidade</a></div>
        <div class="card"><a href="#">SLA Correção</a></div>
        <div class="card"><a href="#">Lead Time</a></div>
        <div class="card"><a href="#">Reabertura</a></div>
        <div class="card"><a href="#">Cobertura Testes</a></div>
    </div>

    <!-- EVOLUÇÃO -->
    <div class="section-title">📈 Evolução de Casos Específicos</div>
    <div class="chart-box">
        Área reservada para gráficos de evolução:<br><br>
        • Casos críticos<br>
        • Bugs reincidentes<br>
        • Falhas estruturais<br>
        • Pontos de risco sistêmico<br><br>
        <strong>(Gráfico real será integrado aqui futuramente)</strong>
    </div>

</div>

</body>
</html><img src="https://tdn.totvs.com/download/attachments/1036760547/1036761362/BaseConhecimento.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

</div>  </div>



Documentação Base Aceleradora : https://fluig.totvs.com/portal/p/10097/socialdocs/aceleradores-de-implantacao-linha-rm?app_ecm_navigation_doc=13465118

Baixar Instaladores : \\bh-eng-files.sp01.local\Publicado\12.1

Padrão de Desenvolvimento Interno TCGI : Padrão de Desenvolvimento TCGI - Uso Interno

Master Key : https://tdn.totvs.com.br/pages/releaseview.action?pageId=658415503

Caminho TOTVS Restore : https://totvsrestore.z15.web.core.windows.net/#/user-environments

Instalador Protheus : https://arte.engpro.totvs.com.br/

Abrir Chamados para Engenharia : https://suporte.interno.totvs.io/hc/pt-br