# data[].attributes.body
Go to google and find an image of a hero you like. After that, right click on that image and click on 'Copy Image Address'

# data[].attributes.body
Under the text editor HTML, find the blocks with <p> and <div>

# data[].attributes.body
Change the text in between the opening and closing tags to your personal information (e.g. change <p>Age: 27 years old</p> to <p>Age: 16 years old</p>)

# data[].attributes.body
See the text in your application change automatically :)

# data[].attributes.body
Under the text editor HTML, find the block with <img>

# data[].attributes.body
Delete the text after 'src=' inside the <img> block and paste the image address by right clicking and clicking on 'Paste'

# data[].attributes.body
See the image in your application change automatically :)

# data[].attributes.body
Under the text editor HTML, find the block with <button>

# data[].attributes.body
Copy one of the button block and paste it after the last button block

# data[].attributes.body
Change the text after 'style.background' to your favourite color (e.g. green/purple/orange)

# data[].attributes.body
Click on the button and see the background color change :)

# data[].attributes.body
Windows:
Press Print Screen on keyboard. Go to your Desktop and paste your image there. After that, upload your screenshots here!

Mac:
Press Shift + Command + 3 on keyboard. Your screenshot should be saved on your Desktop. After that, upload your screenshots here!

# data[].attributes.body
Click on 'Fork' at the bottom of the page

# data[].attributes.body
Click on 'Sign up for Codepen'

# data[].attributes.body
Sign up for an account

# data[].attributes.body
Yay you can now share your app with your friends and family by giving them the link on top of the page