Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
HTML
<!-- 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; height:auto;"
  />
</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(4, 190px);
  gap: 20px;
  justify-content: center;
  margin: 30px auto;
  max-width: 900px;
">

  <!-- BLOCO 1 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1025239488"
     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/1036761389/ScriptsDiversos.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 2 -->
  <a href="https://tdn.totvs.com.br/pages/viewpage.action?pageId=1024337501"
     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>

  <!-- BLOCO 3 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1025214535"
     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/1036761383/GeradoresDiversos.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 4 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=198948854"
     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/1036761382/FluxosdosProcessos.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 5 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=198948859"
     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/1036761378/FerramentasDiversas.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 6 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=198948859"
     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/1036761376/Documentos%20Auditoria.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 7 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=198948859"
     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/1036761374/CursosTreinamentos.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

  <!-- BLOCO 8 -->
  <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=198948859"
     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/1036761362/BaseConhecimento.png" style="width:100%;height:100%;object-fit:contain;">
  </a>

</div>  </div>

...