title: local HTML file in browser showing "File not found" error
body: <p>So i am trying to open a html file nut it wont just open. It keeps on showing "file not found" error. i have tried it in chrome and firefox . both shows same error.</p>
  
  <p><a href="https://i.stack.imgur.com/8rAUY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8rAUY.png" alt="enter image description here"></a></p>
  
  <p>i have tried some solutions i saw on internet like clearing cache and removing white spaces from folder name extensions. didnt work.
  also the code is from githhub/pubnub IoT raspberry pi project</p>
  
  <p>i am including my html code here:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;
  
    &lt;title&gt;Smart Home Lite by PubNub&lt;/title&gt;
    &lt;meta name="description" content="Pi House Demo"&gt;
    &lt;meta name="author" content="Tomomi Imura  @girlie_mac"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;link rel="stylesheet" href="css/style.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;!-- Google Tag Manager --&gt;
    &lt;noscript&gt;&lt;iframe src="//www.googletagmanager.com/ns.html?id=GTM-PZWSZ2"
  height="0" width="0" style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;&lt;/noscript&gt;
    &lt;script&gt;
      (function(w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
          'gtm.start': new Date().getTime(),
          event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&amp;l=' + l : '';
        j.async = true;
        j.src =
          '//www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', 'GTM-PZWSZ2');
    &lt;/script&gt;
    &lt;!-- End Google Tag Manager --&gt;
    &lt;header&gt;
      &lt;img src="images/lego.png"&gt; SMART HOME &lt;strong&gt;Lite&lt;/strong&gt;
      &lt;div class="pubnub"&gt;&lt;/div&gt;
    &lt;/header&gt;
    &lt;section class="container"&gt;
  
      &lt;section class="temp-hum-display"&gt;
        &lt;section class="temp-container"&gt;
          &lt;div class="temp" data-temperature="24"&gt;&lt;span&gt;℃&lt;/span&gt;&lt;/div&gt;
        &lt;/section&gt;
        &lt;section class="hum-container"&gt;
          &lt;div class="hum" data-humidity="45"&gt;&lt;span class="fa wet"&gt; &amp;#37;&lt;/span&gt;&lt;/div&gt;
        &lt;/section&gt;
      &lt;/section&gt;
  
      &lt;section class="pref-container"&gt;
        &lt;section class="preference"&gt;
          &lt;div&gt;
            &lt;div class="caption"&gt;Front Door&lt;/div&gt;
            &lt;label for="door"&gt;
        &lt;input id="door" type="checkbox"&gt;
        &lt;div class="toggle-button"&gt;
         &lt;div class="switch"&gt;&lt;/div&gt;
        &lt;/div&gt;
       &lt;/label&gt;
          &lt;/div&gt;
  
          &lt;div&gt;
            &lt;div class="caption"&gt;Living Room Light&lt;/div&gt;
            &lt;label for="light-living" class="brightness fa"&gt;
        &lt;input id="lightLiving" type="range" min="0" max="10" step="1" value="0"&gt;
       &lt;/label&gt;
          &lt;/div&gt;
  
          &lt;div&gt;
            &lt;div class="caption"&gt;Porch Light&lt;/div&gt;
            &lt;label for="light-porch" class="brightness fa"&gt;
        &lt;input id="lightPorch" type="range" min="0" max="10" step="1" value="0"&gt;
       &lt;/label&gt;
          &lt;/div&gt;
  
          &lt;div&gt;
            &lt;!-- flickering light --&gt;
            &lt;div class="caption"&gt;Fireplace&lt;/div&gt;
            &lt;label for="light-cave" class="brightness fire fa"&gt;
        &lt;input id="fireplace" type="range" min="0" max="10" step="1" value="0"&gt;
       &lt;/label&gt;
          &lt;/div&gt;
  
        &lt;/section&gt;
  
      &lt;/section&gt;
  
    &lt;/section&gt;
  
    &lt;footer&gt;
  
    &lt;/footer&gt;
  
    &lt;script src="http://cdn.pubnub.com/pubnub-3.7.11.min.js"&gt;&lt;/script&gt;
    &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Also, my OS: ParrotOS(Debian)</p>