In a web browser go to:
rpf.io/web-forests
Find
<head>
. Click on the ▼ arrow to hide the
<head>
.
Find
Add a heading inside:
<h1> </h1>
. Add a heading inside:
<h1> Photos of forests </h1>


Find
<img class="" src="empty.jpg">
.
Replace empty.jpg
with any of
india.jpg
, scotland.jpg
,
tenerife.jpg
, wales.jpg
.
repeat Repeat for the other images.
Find and
change these lines:
-
<header class="border-bottom secondary">
. <main class="page">
.<section class="wrap xcenter">
.<img class="photo">
x 4-
<footer class="border-top secondary">
.
swipe Hover over a photo and see what happens.


Extra: Create two new sections with nature-themed emoji.
Add one above and one below the
<section> </section>
containing the photos:
<section class="primary bigfont xcenter">
🌳 📷 🌴
</section>
travel_explore Find and copy emoji from rpf.io/emoji