function fillAboutPage() {
  const cardFromStorage = JSON.parse(localStorage.getItem("card"));

  const div = document.createElement("div");
  div.innerHTML = `
  <p class="about__title">
    ${cardFromStorage.describe}
  </p>
  <div class="about-more">
    <img
      src="./images/house.jpg"
      alt="card-image"
      class="about__image"
    />
    <div class="about-text">
      <p class="text">
        ${cardFromStorage.fullDescription}
      </p>
      <p class="card-inf__item date">${cardFromStorage.date}</p>
      <p class="card-inf__item time">${cardFromStorage.time}</p>
      <p class="card-inf__item people">до ${cardFromStorage.people}</p>
      <button class="enroll">Записаться</button>
    </div>
  </div>
  `;

  const div2 = document.createElement("div");
  div2.innerHTML = `
  <div class="card-description">
    <p class="card-description__header">Тема:</p>
    <p class="card-description__text">
      ${cardFromStorage.describe}
    </p>
  </div>
  <div class="card-description">
    <p class="card-description__header">Для кого:</p>
    <p class="card-description__text">
      ${cardFromStorage.forWhome}
    </p>
  </div>
  <div class="card-description">
    <p class="card-description__header">Описание:</p>
    <p class="card-description__text last">
      ${cardFromStorage.fullDescription}
    </p>
  </div>
  `;

  document.querySelector(".about-card").append(div);
  document.querySelector(".about-card").after(div2);

  setCards(cards.slice(0, 4));
}