index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Joke Generator</title>
    <!--Step 6: Import stylesheet -->

</head>
<body>

    <!--Navbar-->
    <nav class="navbar">
        <a href="/index.html" class="nav-link">Joke API</a>
        <!--Step 5: Create a new page in the navbar using <a> tag -->
    </nav>

    <!--Step 1: Create a <div> container-->  

    <!--Step 2: Create a <h1> title tag -->
    
    <!--Step 3: Create a <button> tage -->

    <!--Step 4: Create a empty <p> tage -->

    <!--Step 7: Apply style class .title to <h1> tage -->

    <!--Step 9: Apply style class .jokeAPI-background to <body> tage -->

    <!--Step 11: Apply style class .container and .centered-content to <div> tage -->

    <!--Step 15: import the js file-->

    
</body>
</html>