There are 2 ways you could do this.
The first would be by creating a separate template for each of the pages you want. This is if you’re going to change a lot of different aspects of the page for each of the 7 pages.
A page template will include the header, footer, and sidebar calls for you. You’ll be able to insert the php in the main body container that is created by the template.
The best way to start creating a page template is by copying one from your current theme. Likely your theme is already using one and all you have to do is pull one from the main theme directory and copy it to your child theme directory. Then look for the main container and put your php coding there.
Make sure to change the template name to your own in the top of this file. Now, when you create a new page in your wp dashboard, simply choose the template from the template drop down on the left, hit publish, and your content will be there.
The 2nd way would be to add add your content as functions to be called later. (either in your functions.php or an included php file you create) and call the functions in your page. If you do this, it provides the option of creating a shortcode that you can call on any page, or directly call the function dynamically through conditional calls on a template page.
As for the javascript you’ll likely want to enqueue it in wordpress fashion if it’s not already included properly.