I receive a GET error when trying to serve html page with image using Node.js
<p>I am new to Node.js and am unable to find a way to solve my issue. I have written a server using Node.js to serve a html webpage. The problem is that it wont display the images that are in the same folder. I am trying to serve my webpage as well as my images and css file. Any help would be appreciated.</p>

<p>Relevant code:</p>

<p>server:</p>

<pre><code>var http = require('http');
var fs = require('fs');

const PORT = 8080;

function handleRequest(request, response) {
    console.log(request.url);

    var bool = 0;

    var index = fs.readFileSync("index.html", {
        encoding: "utf-8"
        });

    if(request.url == "/")
    {
        bool = 1;
        response.end(index);
    }
    else if(request.url == "/index" || request.url == "/index.html")
    {
        bool = 1;
        response.end(index);
    }
    else if(bool == 0)
    {
        response.statusCode = 404; 
        response.end("Not Found");
    }

}

var server = http.createServer(handleRequest);

server.listen(PORT, function() {

console.log("Started server on http://localhost:%s", PORT)

});
</code></pre>

<p>html:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;title&gt;My Personal Webpage&lt;/title&gt;
&lt;link rel="stylesheet" href="index-css.css"/&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;h1&gt;Welcome!&lt;/h1&gt;

&lt;p&gt;My paragraph.&lt;/p&gt;

&lt;img src="/family.jpg" alt="Family" style="width:342px;height:513px;"&gt;
&lt;img src="/Another.jpeg" alt="Another" style="width:500px;height:500px;"&gt;

&lt;/body&gt;

&lt;/html&gt;
</code></pre>