title: Include HTML Navigation Bar in All Pages
body: <p>I have a navigation bar that I want to have in a seperate html file and then use in all my other pages. I feel like it will make the code look neater and more organized. However, I'm having some trouble. I started by trying to fix the home page and this is what I have:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Home Page&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
    &lt;link rel="import" href="navigation.html"&gt;
  
  
    &lt;/head&gt;
  
  &lt;body&gt;
  
  
  
  &lt;br&gt;&lt;br&gt;
  &lt;div class="zoom pic"&gt;
   &lt;center&gt; &lt;img src="images/technology.png" alt="portrait"&gt; &lt;center&gt;
  &lt;/div&gt;
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>This is the navigation bar in a seperate html file, but in the same exact directory as all my other html files.</p>
  
  <p>This is the navigation.html file if it helps anything:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Home Page&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="style.css"&gt; 
  
  &lt;/head&gt;
  
  
  
  &lt;center&gt; &lt;b&gt;World Congress CS-IT Conferences 2016&lt;/center&gt;
  &lt;div id="horizontalmenu"&gt;
    &lt;ul&gt;
     &lt;li&gt;&lt;a href="index.html" title="Home Page"&gt;Home&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;ul&gt; &lt;li&gt;&lt;a href="information.html"&gt;General Information&lt;/a&gt; &lt;ul&gt; 
          &lt;li&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/li&gt; 
          &lt;li&gt;&lt;a href="fee.html"&gt; Conference Fee&lt;/a&gt;&lt;/li&gt; 
          &lt;li&gt;&lt;a href="hotel.html"&gt;Hotel&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;
     &lt;li&gt;&lt;a href="keynote.html" title="Speakers"&gt;Keynote Speakers&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="call.html" title="Call for Papers"&gt;Call for Papers&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="dates.html" title="Important Dates"&gt;Important Dates&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="major.html" title="Major Areas"&gt;Major Areas&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="paper.html" title="Submit a Paper"&gt;Paper Submission&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="reviewer.html" title="Login"&gt;Login&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="register.html" title="Register online"&gt;Registration&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="conference.html" title="Conference"&gt;Conference Program&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="guidelines.html" title="Guidelines"&gt;Guidelines&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="comments.html" title="Comments and Feedback"&gt;Comments&lt;br/&gt;&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;&lt;/b&gt;
  </code></pre>
  
  <p>My current issue is that I'm not seeing the navigation bar now in my home page! Any ideas on how tackle this? Any help is greatly appreciated!!!!</p>