Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: ponteiro do mouse nos botoes

...

HTML
    <div style="width: 90%; margin: 20px auto; text-align: center;">
        <div style="width: 100%; max-height: 200px; overflow: hidden; margin: 0 auto;">
            <img src="https://i.postimg.cc/8zv25mb2/GIFuniverso-TOTVS.gif" alt="Universo TOTVS GIF" style="max-width: 100%; height: auto;">
        </div>
    </div>     

 <div style="width: 90%; margin: 20px auto; text-align: center; margin-top: 50px; background-color: #f5f5f5; padding: 20px; border-radius: 10px;">

 <h2 style="margin: 20px 0; font-size: 26px; font-weight: bold; color: #2c3e50; text-align: center;">
  Acesse o material apresentado na palestra abaixo:
</h2>

  <div style="display: inline-block;">
    <div style="display: inline-block; text-align: center; margin-right: 20px;">




 <div style="display: flex; flex-direction: column; gap: 10px; align-items: center;">

         <a href="https://tdn.totvs.com/display/public/fluig/10+dicas+para+turbinar+seu+TOTVS+Fluig%2C+melhorando+desempenho+e+estabilidade" style="text-decoration: none; width: 100%;">
            <button style="cursor: pointer; width: 100%; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 10px; border: 2px solid #00dee6;">10 dicas para turbinar seu TOTVS Fluig, melhorando desempenho e estabilidade</button>
        </a> 

        <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=847899962" style="text-decoration: none; width: 100%;">
            <button style="cursor: pointer; width: 100%; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 10px; border: 2px solid #00dee6;">Técnicas para dar mais segurança à sua plataforma TOTVS Fluig: 5 dicas práticas</button>
        </a>
        <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=849554714" style="text-decoration: none; width: 100%;">
            <button style="cursor: pointer; width: 100%; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 10px; border: 2px solid #00dee6;">My Approval: boas práticas que aceleram a tomada de decisão (TOTVS Fluig)</button>
        </a>
        <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=849107443" style="text-decoration: none; width: 100%;">
            <button style="cursor: pointer; width: 100%; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 10px; border: 2px solid #00dee6;">Dicas para uma melhor performance de suas integrações do TOTVS Fluig</button>
        </a>
        <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=849574522" style="text-decoration: none; width: 100%;">
            <button style="cursor: pointer; width: 100%; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 10px; border: 2px solid #00dee6;">Dicas e truques rápidos no desenvolvimento de widgets do TOTVS Fluig</button>
        </a>
        <a href="https://tdn.totvs.com/display/fluig/Construa+um+portal+interno+com+a+identidade+visual+da+sua+empresa+usando+TOTVS+Fluig" style="text-decoration: none; width: 100%;">
            <button style="cursor: pointer; width: 100%; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius: 10px; border: 2px solid #00dee6;">Construa um portal interno com a identidade visual da sua empresa usando TOTVS Fluig</button>
        </a>


    </div>

    </div>
</div>