Passo 11

Instruções

Esta postagem no blog vai conter alguns parágrafos com texto <dfn>lorem ipsum</dfn>. Lorem ipsum é comumente usado no desenvolvimento para a web para servir como texto de preenchimento. É útil quando você quer focar na criação da estrutura básica das páginas da web e não se preocupar com o conteúdo real ainda. Aqui está um exemplo de utilização do lorem ipsum:

<p>
  Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam
  quod, voluptates, quae, quos quibusdam dolorum quia nemo repudiandae
  quidem voluptatum quas. Quisquam quod, voluptates, quae, quos
  quibusdam dolorum quia nemo repudiandae quidem voluptatum quas.
</p>

Abaixo do elemento h3, adicione dois parágrafos de texto lorem ipsum.

O que fazer:

Testes:

Você deve ter dois elementos parágrafo dentro do elemento `article`.
O primeiro elemento parágrafo deve conter texto lorem ipsum. Verifique se há erros de ortografia e pontuação.
O segundo elemento parágrafo deve conter texto lorem ipsum. Verifique se há erros de ortografia e pontuação.
Seus parágrafos devem vir após o elemento `h3`.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Mr. Whiskers' Blog</title>
    <meta charset="UTF-8" />
  </head>
  <body>
    <header>
      <h1>Welcome to Mr. Whiskers' Blog Page!</h1>
      <figure>
        <img
          src="https://cdn.G.E.A.R ACADEMY.org/curriculum/css-photo-gallery/1.jpg"
          alt="a cat in the garden"
        />
        <figcaption>Mr. Whiskers in the Garden</figcaption>
      </figure>
      <nav>
        <ul>
          <li><a href="#about">About</a></li>
          <li><a href="#posts">Posts</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <section id="about">
        <h2>About</h2>
        <p>
          Hi there! I'm Jane Doe, a passionate writer who finds endless inspiration in the antics of my beloved cat, Mr. Whiskers.
        </p>
        <p>
          His playful nature and boundless energy keeps me on my toes. I love him so much.
        </p>
      </section>
      <section id="posts">
        <h2>Posts</h2>
        <article>
          <h3>Mr. Whiskers' First Day Home</h3>
        
          
        
        </article>
      </section>
    </main>
  </body>
</html>

Preview