All you need to do is create a custom page for your theme. Here is a very brief example:
Create a file called: page-example.php
<?php
/*
Template Name: Example Page
*/
?>
<?php get_header(); ?>
The html code will go here. Don't add the <head> or <body> info.
<?php get_footer(); ?>
The next thing to do is add the following to your functions.php file:
function load_example_scripts() {
wp_enqueue_script('moment', get_stylesheet_directory_uri() . '/js/example.js');
}
add_action( 'wp_enqueue_scripts', 'load_example_scripts' );
Now upload the page-example.php to your main template folder (where header.php, footer.php, functions.php are)
I usually add a folder to my themes named “JS” and put all jquery scripts there. So upload the example.js file to the “JS” folder of your theme.
Finally, go to the wordpress admin, and edit the page where you want this to appear and on the side menu under “templates”, select “example”.
I would have to see the exact code to give you more help, but that is the basic idea.