Árvore de páginas

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Imagem Centralizada</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            text-align: center;
            background-color: #f0f0f0; /* Cor de fundo opcional */
        }

        .container {
            width: 90%;
            margin: 0 auto;
        }

        .speakers {
            width: 90%;
            margin: 20px auto;
            text-align: center;
        }

        .speakers h2 {
            margin-bottom: 20px;
            font-size: 24px;
        }

        .speakers .images {
            display: inline-block;
        }

        .speakers .images img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin: 0 10px;
            object-fit: cover;
        }
    </style>
</head>
<body>
    <div class="container">
        <img src="https://i.postimg.cc/8zv25mb2/GIFuniverso-TOTVS.gif" alt="Universo TOTVS GIF" style="max-width: 100%; height: auto;">
    </div>

    <div class="speakers">
        <h2>Palestrantes</h2>
        <div class="images">
            <img src="https://i.postimg.cc/7ZpSLVJg/speaker1.jpg" alt="Palestrante 1">
            <img src="https://i.postimg.cc/Wz7FJzVZ/speaker2.jpg" alt="Palestrante 2">
        </div>
    </div>
</body>
</html>

...