---
id: 6165d3b702a5d92ad970b30c
title: Passo 5
challengeType: 0
dashedName: step-5
---
# --description--
Após o elemento `img`, adicione um elemento `h1` com a `class` definida como `hero-title` e o texto definido como `OUR NEW CURRICULUM`, seguido por um elemento `p` com a `class` definida como `hero-subtitle` e o texto definido como `Our efforts to restructure our curriculum with a more project-based focus`.
# --hints--
Você deve criar um elemento `h1`.
```js
assert.exists(document.querySelector('h1'));
```
O elemento `h1` deve vir depois do elemento `img`.
```js
assert(document.querySelector('h1')?.previousElementSibling?.localName === 'img');
```
O elemento `h1` deve ter a `class` definida como `hero-title`.
```js
assert(document.querySelector('h1')?.className === 'hero-title');
```
O elemento `h1` deve ter o texto definido como `OUR NEW CURRICULUM`.
```js
assert(document.querySelector('h1')?.textContent === 'OUR NEW CURRICULUM');
```
Você deve criar um novo elemento `p`.
```js
assert.exists(document.querySelector('p'));
```
O elemento `p` deve vir depois do elemento `h1`.
```js
assert(document.querySelector('p')?.previousElementSibling?.localName === 'h1');
```
O elemento `p` deve ter a `class` definida como `hero-subtitle`.
```js
assert(document.querySelector('p')?.className === 'hero-subtitle');
```
O elemento `p` deve ter o texto definido como `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
```
