index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kale's SBA307</title>
    <link rel="stylesheet" href="styles.css">
</head>

<!-- <body background="background.jpg"> -->

<body>
    <!-- Navigation Bar -->
    <nav>
        <div class="navbar">
            <h1>welcome to my home page</h1>
            <ul>
                <li><a href="" class="navbutton">home</a></li>
                <li><a href="./pages/login.html" class="navbutton">login</a></li>
                <li><a href="./pages/register.html" class="navbutton">register</a></li>
                <li><a href="./pages/other.html" class="navbutton">other</a></li>
            </ul>
        </div>
    </nav>

    <div class="content">
        <h2>khalan 'kale' le</h2>
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga, magnam alias quas non esse recusandae, at
            tempora voluptas placeat voluptatem quia?
            <br>Rerum maiores qui delectus alias ab dolorem adipisci tempora?
        </p>
        <div>
            <button type="button"><span></span>contact</button>
            <button type="button"><span></span>about</button>
        </div>
    </div>


</body>
</html>