Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...


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;">Participe dos
        nossos webinars, com apresentações que foram destaque no Universo TOTVS 2024.
    
</h2>

    <h2 style="margin: 20px 0; font-size: 26px; font-weight: bold; color: #2c3e50; text-align: center;"> 

        Inscreva-se agora clicando no tema de seu interesse.
    </h2>

      <div<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;">

		                <!-- Link 1: Empondere as áreas de negócio -->
                <a href="https://www.meetup.com/pt-BR/totvsdevelopers/events/301976812/"
                    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;">Empodere
                        as áreas de negócio da sua empresa: desburocratizando a criação de processos</button>
                </a>

                <!-- Link 2: Simplifique a gestão de senhas -->
                <a href="https://www.meetup.com/pt-BR/totvsdevelopers/events/301976328/"
                    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;">Simplifique
                        a gestão de senhas e MFA com o TOTVS Identity</button>
                </a>

                <!-- Link 3: Do tradicional ao inovador 

-->
                <a href="https://www.meetup.com/pt-BR/totvsdevelopers/events/301984827/"
                    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;">Do
                        Tradicional ao Inovador: Como o TOTVS Fluig pode Transformar a Experiência de Cadastros</button>
                </a>

                <!-- Link 4: Smartlink no TOTVS iPaaS -->
                <a href="https://www.meetup.com/pt-BR/totvsdevelopers/events/302197527/"
                    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;">Smartlink
                        no TOTVS iPaaS: integração de ERPs sem a necessidade de APIs</button>
                </a>

                </div>

    </div>
</div> 


!-- Link 5: Técnicas de segurança -->
                <a href="https://www.meetup.com/pt-BR/totvsdevelopers/events/302797423/"
                    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 Fluig: 5 dicas práticas</button>
                </a>

                <!-- Link 6: Autonomia facilitada -->
                <a href="https://www.meetup.com/pt-BR/totvsdevelopers/events/302798370/"
                    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;">Autonomia
                        facilitada: Gestão integrada de tarefas e solicitações no TOTVS Collab</button>
                </a>

 				<!-- Link 7: 10 dicas para Tunnar seu Fluig, melhorando desempenho e estabilidade -->
                <a href="https://www.meetup.com/totvsdevelopers/events/303717454/"
                    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 Tunnar seu Fluig, melhorando 								 desempenho e estabilidade</button>
                </a>

  				<!-- Link 8: Conheça melhorias para facilitar seu dia a dia com o novo app TOTVS Fluig -->
                <a href="https://www.meetup.com/pt-BR/totvsdevelopers/events/303717588/"
                    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;">Conheça melhorias para facilitar seu dia a dia com o novo app TOTVS Fluig</button>
                </a> 
              
			</div>
        </div>
    </div>
</div>