fix bugs

scriptAbout.js

@@ -0,0 +1,53 @@
+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));
+}