Створіть сторінку блогу про котів - Step 15

Українська HTML-CSS
1

Розкажіть нам, що сталося:

Step 15
This blog post is going to contain a couple of paragraphs with lorem ipsum text.

Lorem ipsum is commonly used in web development to serve as placeholder text. It is useful when you want to focus on building out the basic structure of your web pages and not have to worry about the actual content just yet.

Here is an example of using lorem ipsum:

Приклад коду

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quod, voluptates, quae, quos quibusdam dolorum quia nem

Ваш код

<!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.freecodecamp.org/curriculum/css-photo-gallery/1.jpg"
          alt="a cat peacefully sleeping"
        />
        <figcaption>Mr. Whiskers Sleeping</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>

<!-- User Editable Region -->

        <article>
          <h3>Mr. Whiskers' First Day Home</h3>
 <p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac enim sagittis, venenatis libero vel, posuere justo. Quisque euismod metus eget nunc elementum, nec eleifend ligula aliquet. Cras ut sapien ut orci fermentum consequat. Donec ultricies purus vel libero tempus, et elementum justo volutpat.
</p>

<p>
  Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed maximus, purus at tristique tincidunt, justo sapien ultricies velit, nec elementum orci ligula non quam. Etiam scelerisque felis in magna sagittis, at efficitur sapien sodales. Fusce auctor metus ac urna porttitor, id condimentum quam venenatis.
</p>

        </article>

<!-- User Editable Region -->

      </section>
    </main>
  </body>
</html>

Інформація про ваш браузер:

Агент користувача: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36 Edg/135.0.0.0

Інформація про завдання:

Створіть сторінку блогу про котів - Step 15

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!