curriculum/challenges/english/blocks/workshop-blog-page/66a33bd56208583aeb4837c4.md
Inside the footer element, add a section element with an id set to contact.
Inside the section element, add an h2 element with the text of Contact.
You should have a section element inside your footer element.
const sectionElement = document.querySelector('footer section');
assert.strictEqual(sectionElement?.parentElement.tagName, 'FOOTER');
Your section element should have an id set to "contact".
const sectionElement = document.querySelector('footer section');
assert.strictEqual(sectionElement?.getAttribute("id"), 'contact');
You should have an h2 element inside your section element.
const sectionElement = document.querySelector('footer section h2');
assert.strictEqual(sectionElement?.parentElement.tagName, 'SECTION');
Your h2 element should have the text of Contact.
const h2Element = document.querySelector('#contact h2');
assert.strictEqual(h2Element?.innerText.trim(), 'Contact');
<!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>
<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>
<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>
<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>
</article>
<article>
<h3>Mr. Whiskers' First Bath</h3>
<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>
<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>
</article>
<article>
<h3>Mr. Whiskers' First Birthday Party</h3>
<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>
<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>
</article>
</section>
</main>
<footer>
--fcc-editable-region--
--fcc-editable-region--
</footer>
</body>
</html>