title: cant show image on pug
body: <p>This is my code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Home Page&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;img src="resources/mainlogo.png" style="width:304px;height:228px;"&gt;
  &lt;h1&gt;Welcome to our user management application&lt;/h1&gt;
  &lt;h3&gt;Please see links below to navigate our homepage&lt;/h3&gt;
  
  &lt;a href = /adduser&gt;Create new user&lt;/a&gt;
  &lt;a href = /users&gt;List users&lt;/a&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>everything <strong>except</strong> image is shown </p>
  
  <p>Here is my file structure:</p>
  
  <pre><code>index.html
  resources
    mainlogo.png
  </code></pre>
  
  <p>What am I doing wrong?</p>
  
  <p>this is rendering code</p>
  
  <pre><code>app.get('/', function (req, res) {
  
      // render main page
      res.sendFile(__dirname + "/index.html");
  
  
  });
  </code></pre>
  
  <p>Here is also error from console</p>
  
  <pre><code>Error http://localhost:8000/resources/mainlogo.png 404 (Not Found)
  </code></pre>
  
  <p>Despite image is inside resources folder.</p>