title: how to change URL dynamically in HTML5
body: <p>I'm creating single HTML5 page using bootstrap. I have some menu items like services, portfolio etc.  When I click on one of these menu items, it scrolls down and display that particular section but it does not change the url.</p>
  
  <p>for example: 
  suppose if I opens website, index.html will open. now if I click on "portfolio" link, it scrolls down and display the section "portfolio" but it does not change URL like index.html#portfolio. It remains index.html</p>
  
  <p>refer: www.nuabikes.com/#/home
  when you open this site, click on one of the menu item and check the url, it changes automatically. And also when page is scrolled down the URL changes automatically.</p>
  
  <p>I want to add this feature in my page. </p>