post1.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>TÍTULO DO POST - Meu Blog</title>
  <link rel="stylesheet" href="estilo.css" />
</head>
<body>

  <header class="container">
    <h1>Meu Blogue</h1>
    <p><a href="blog.html">← Voltar ao Blog</a></p>
    
    <nav class="menu">
      <a href="index.html">Início</a> |
      <a href="loja.html">Loja</a> |
      <a href="blog.html">Blog</a> |
      <a href="sobre.html">Quem Somos</a> |
      <a href="portfolio.html">Portfólio</a>
      <a href="mapa-interativo.html">Mapa Interativo</a>
    </nav>
  </header>

  <main class="container">
    <article class="card">
      <h2>TÍTULO DO POST</h2>
      <p><em>Publicado em DIA de MÊS de ANO por AUTOR</em></p>

      <p>Escreva aqui a introdução do post. Pode ser algo que chame a atenção, conte uma história ou introduza o tema.</p>

      <h3>Subtítulo do conteúdo</h3>
      <p>Desenvolva os parágrafos conforme o tema do post. Use quantos blocos de texto forem necessários.</p>

      <blockquote>
        “Inclua aqui uma citação ou ideia marcante para destacar no texto.”
      </blockquote>

      <h3>Lista de pontos importantes</h3>
      <ul>
        <li>Ponto 1 relevante</li>
        <li>Ponto 2 interessante</li>
        <li>Ponto 3 a se destacar</li>
      </ul>

      <p>Feche o texto com uma reflexão, um convite à ação ou sugestão para o leitor. Exemplo: Gostou do conteúdo? Compartilhe com seus amigos!</p>

      <p><a href="blog.html">← Voltar ao Blog</a></p>
    </article>
  </main>

  <footer>
    <div class="container">
      <p>&copy; 2025 - Seu Nome ou Projeto. Todos os direitos reservados.</p>
    </div>
  </footer>

</body>
</html>