HTML page not showing as template

Hello,

I have an html webpage that I want to make my homepage in WordPress. I am using Mystile theme. My webpage has index.html and directories for css, fonts, header, and images. I have a child theme which has its own style.css and functions.php files in addition to other files.

I uploaded the html-related files and directories to my server at /wp-content/themes/mystile-child. I’m not sure if I should have uploaded it to the mystile directory instead of the child folder, but the mystile directory already has a folder for css and images.

I saved index.html as home.php and added <?php /* Template Name: Home */ ?> to the top.

I made a new WordPress page and picked Home as the template. However when I go to the page at http://www.poffbook.com/home/, it doesn’t look right. But if I go to https://www.poffbook.com/wp-content/themes/mystile-child/home.php it looks fine. What did I do wrong?

Thank you.