Histórico da Página

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 {
            </head>
<body style="margin: 0;
            padding: 0;
            text-align: center;
            background-color: #f0f0f0; /* Cor de fundo opcional */
        }">

        .container {
            <div style="width: 90%;
            margin: 0 auto;">
        }

        .speakers {<img src="https://i.postimg.cc/8zv25mb2/GIFuniverso-TOTVS.gif" alt="Universo TOTVS GIF" style="max-width: 100%; height: auto;">
    </div>

        <div style="width: 90%;
            margin: 20px auto;
            text-align: center;">
        }

        .speakers h2 {
            <h2 style="margin-bottom: 20px;
            font-size: 24px;">Palestrantes</h2>
        }

        .speakers .images {
            <div style="display: inline-block;">
        }

        .speakers .images img {
            <img src="https://i.postimg.cc/7ZpSLVJg/speaker1.jpg" alt="Palestrante 1" style="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/8zv25mb2Wz7FJzVZ/GIFuniverso-TOTVSspeaker2.gifjpg" alt="UniversoPalestrante TOTVS GIF2" style="max-width: 100%100px; height: auto100px;">
    </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" border-radius: 50%; margin: 0 10px; object-fit: cover;">
        </div>
    </div>

</body>
</html>
Atalhos

Árvore de páginas

Versões comparadas

Versão antiga 4

Nova versão 5

Chave
