Bottom Pictures

Section #1

To put in the horizontal/wide type of picture, go after the paragraph for your first section and add the image tag.

  • Add the IMG tag and add the src attribute to start.
  • Make sure there's still about 10 empty lines before the next section's H2 (or bottom green comment) so it's easy to spot where the sections start/end.

Type out the file name and location inside src

  • images/ - so it looks for pictures in our subfolder "images"
  • .jpg - file extension (most common; check folder). 

Test it out and make sure you see it on your page. 

  • Inside the IMG tag add width="500". It should now fit nicely inside our content box.
  • Then add CENTER tags around it. Make sure they're closing and turn purple.

Other sections

Do the same for your other sections.

  • You can copy the code to the other sections (including the CENTER tag)
  • Paste it after the paragraph for the next section (make sure there's still extra lines before next section starts)
  • Then just double-click on the name and change the word

Do the same for Section #3 and #4 horizontal pictures.

Your page should look like this (I've zoomed out a lot so you can see all the sections and pictures).

If your bottom pictures are all working (showing up and centered), continue to the next stage.