---
id: 6165d3b702a5d92ad970b30c
title: Step 5
challengeType: 0
dashedName: step-5
---
# --description--
After your `img` element, add an `h1` element with the `class` set to `hero-title` and the text set to `OUR NEW CURRICULUM`, followed by a `p` element with the `class` set to `hero-subtitle` and the text set to `Our efforts to restructure our curriculum with a more project-based focus`.
# --hints--
You should create an `h1` element.
```js
assert.exists(document.querySelector('h1'));
```
Your `h1` element should come after your `img` element.
```js
assert(document.querySelector('h1')?.previousElementSibling?.localName === 'img');
```
Your `h1` element should have the `class` set to `hero-title`.
```js
assert(document.querySelector('h1')?.className === 'hero-title');
```
Your `h1` element should have the text set to `OUR NEW CURRICULUM`.
```js
assert(document.querySelector('h1')?.textContent === 'OUR NEW CURRICULUM');
```
You should create a new `p` element.
```js
assert.exists(document.querySelector('p'));
```
Your `p` element should come after your `h1` element.
```js
assert(document.querySelector('p')?.previousElementSibling?.localName === 'h1');
```
Your `p` element should have the `class` set to `hero-subtitle`.
```js
assert(document.querySelector('p')?.className === 'hero-subtitle');
```
Your `p` element should have the text set to `Our efforts to restructure our curriculum with a more project-based focus`.
```js
assert.equal(document.querySelector('p')?.textContent?.trim()?.replace(/\s{2,}/, ' '), 'Our efforts to restructure our curriculum with a more project-based focus');
```
# --seed--
## --seed-contents--
```html
Magazine
--fcc-editable-region--
--fcc-editable-region--
```
```css
```
