title: How to link my .ejs file in my .html file
body: <p>I have created two HTML files, index.html &amp; contact.html.
  I have a navigation bar where I can navigate from one HTML file to another.</p>
  <p>I newly learnt to retrieve APIs and created an app.js and weather.ejs file.</p>
  <ol>
  <li><p>How do I link my new weather.ejs file in the navigation bar? I tried to link it to views/weather.ejs but it says file not found. Please help!</p>
  </li>
  <li><p>From the navigation bar in my weather.ejs file, the links to index.html and contact.html no longer work! Any advice on what I need to change to allow me to navigate from my weather.ejx file, to my index.html and contact.html pages?</p>
  </li>
  </ol>
  <pre class="lang-html prettyprint-override"><code>&lt;a class=&quot;navbar-brand&quot; href=&quot;index.html&quot;&gt;R.&lt;/a&gt;
  
  &lt;button
    class=&quot;navbar-toggler&quot;
    type=&quot;button&quot;
    data-toggle=&quot;collapse&quot;
    data-target=&quot;#navbarTogglerDemo02&quot;
  &gt;
    &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
  &lt;/button&gt;
  
  &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarTogglerDemo02&quot;&gt;
    &lt;ul class=&quot;navbar-nav ml-auto&quot;&gt;
      &lt;li class=&quot;nav-item&quot;&gt;
        &lt;a class=&quot;nav-link&quot; href=&quot;index.html&quot;&gt;Home&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;nav-item&quot;&gt;
        &lt;a class=&quot;nav-link&quot; href=&quot;contact.html&quot;&gt;Contact&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;nav-item&quot;&gt;
        &lt;a class=&quot;nav-link&quot; href=&quot;views/weather.ejs&quot;&gt;Weather&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Thanks so much!</p>