Use window.location.hash to create an extra page

hash-checker.js

$(document).ready( function () {
    if (window.location.hash === '#mySampleHash') {
      $('#section-1').fadeIn();
      
      // Change active nav item (optional)
      $('#main_tab_my-sample-item').addClass('active');
      
      // Change the page title to make it appear more like a different page
      document.title = "My Sample Title";
    } else {
      // This is the default content for the page you're using
      $('#section-2').fadeIn();
    }
  });

For this example, you would create your new page in #section-1 and wrap all the existing content in #section-2, then set both to display:none;.

After the JS executes, it will fade in the correct page based on whether the hash is present (thus giving them unique URLs to link to).