title: Linking multiple html pages
body: <p>I have used bootstrap nav nav-pills nav-justified</p>
  
  <p>and i have 7 of these </p>
  
  <pre><code>&lt;li&gt;&lt;a href="form.html"&gt;Form&lt;/a&gt;&lt;/li&gt; 
  </code></pre>
  
  <p>I have been able to click on form which will re-direct to the form page, but I can't seem to return to my home page without clicking back on the browser. I want to be able to just click on the Home button which i've included as part of my 7 <code>&lt;li&gt;</code>s I mentioned earlier. Also i would like to be able jump onto each page from the navbar tab. </p>
  
  <pre><code>&lt;div class="header"&gt;
      &lt;div class="container"&gt;
          &lt;ul class="nav nav-pills nav-justified"&gt;
              &lt;li&gt;&lt;a href "#"&gt;Home&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href "#"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href "#"&gt;JavaScript&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href "#"&gt;JQuery&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="AngularJS.html"&gt;AngularJS&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href "#"&gt;API&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="form.html"&gt;Form&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href "#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So from that above, when i click on form, im on the form page, but i cannot go back to the homepage(index.html) unless i click back on the browser, i wanna be able to link to all the lists by clicking each other. </p>