wanjingy.github.io / hw3 / home.html
home.html
Raw
<!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" style="color: black;">home</a></ul>
            <ul><a href="nature.html">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>&nbsp;</h2>
        <div class="pictures">
            <ul style="background-image: url('images/pier.jpg');"></ul>
            <ul style="background-image: url('images/road.jpg');"></ul>
            <ul style="background-image: url('images/lake.jpg'); clear: both;"></ul>
            <ul style="background-image: url('images/mountain.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>