<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>James Jantz</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="banner"> <h1>James Jantz</h1> <div class = "navigator"> <ul><a href="home.html">home</a></ul> <ul><a href="nature.html" style="color: black;">nature</a></ul> <ul>urban</ul> <ul>videos</ul> <ul>bio</ul> <ul>photo albums</ul> <ul style="margin-right: 0;">book online</ul> </div> </div> <div class="content"> <h2>Nature</h2> <div class="pictures"> <ul style="background-image: url('images/koalas.jpg');"></ul> <ul style="background-image: url('images/horses.jpg');"></ul> <ul style="background-image: url('images/geko.jpg'); clear: both;"></ul> <ul style="background-image: url('images/shark.jpg');"></ul> </div> </div> <div class="info"> <p>© 2023 by James Jantz</p> <div class="socialmedias"> <ul style="background-image: url('images/facebook.png');"></ul> <ul style="background-image: url('images/twitter.png');"></ul> <ul style="background-image: url('images/instagram.png');"></ul> </div> </div> </body> </html>