Passo 9

Instruções

Agora que você adicionou a seção sobre, tente clicar no link About para ver a página pular para essa seção. A próxima seção na página do blog será uma lista de postagens falando sobre o sr. Whiskers. Adicione outro elemento section com um id definido como "posts". Dentro do elemento section, adicione um elemento h2 com o texto Posts.

O que fazer:

Testes:

O código deve ter uma tag de abertura para `section`.
O código deve ter uma tag de fechamento para `section`.
O elemento `section` deve ter um `id` definido como `"posts"`.
O elemento `section` deve estar dentro do elemento `main`.
Seu elemento `h2` deve estar dentro do elemento `section`.
O elemento `h2` deve ter o texto `Posts`.

<!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>
      
      
      
    </main>
  </body>
</html>

Preview