Noob question trying to get a web page working using HTML, CSS and JS ?

I found this page:

https://bashooka.com/coding/web-background-animation-effects/

And want to use

https://codepen.io/at80/pen/tqdmv

on shared hosting website with hostgator.

I copied the html to a file called index.htm
the css text as a file called index.css
and the js text as a file called index.js

When I go to the website, I get a blank page.  If I show source, I DO see the HTML, so the code is there.

But don't know what I am doing wrong / what I need to do (I really don't know web design. My experience is really front page from YEARS ago : )

THANKS!
BeGentleWithMe-INeedHelpAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Michael VasilevskySolutions ArchitectCommented:
Are you referencing the CSS and index.js files in your HTML? CodePen automates this so you have to add it manually when you move the code offsite, e.g. for the CSS:

<link rel="stylesheet" href="index.css">

Open in new window


and the javascript:

<script src="index.js"></script>

Open in new window


Typically the CSS link tag goes in the header, and the script at the end of the body.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
BeGentleWithMe-INeedHelpAuthor Commented:
DAMN!!!!  It must be nice knowing what you are doing : )  rather than like me farting around just cutting and pasting.

THANKS!!!!!!!!!!!!!!!!!
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.