title: Navbar Elements
body: <p>I've made a navigation bar with 4 elements(HOME, ABOUT, PROJECTS, CONTACT). Each element is an anchor tag with self id. I want by clicking on element to go on respectively section but I don't want my url to be like this <strong>#about</strong> or <strong>#contact</strong></p>
  <p>This is my code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;ul&gt;
        &lt;li&gt;
             &lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;
        &lt;/li&gt;
  
        &lt;li&gt;
              &lt;a href=&quot;#about&quot;&gt;About&lt;/a&gt;
         &lt;/li&gt;
  
         &lt;li&gt;
              &lt;a href=&quot;#services&quot;&gt;Services&lt;/a&gt;
         &lt;/li&gt;
  
         &lt;li&gt;
             &lt;a href=&quot;#contact&quot;&gt;Contact&lt;/a&gt;
         &lt;/li&gt;
  
   &lt;/ul&gt;
  </code></pre>