Unable to add codepen.io code to my website

[ad_1]

Hey all, I'm wondering how you import codepen code into a site. I think I know how it should be done, but for some reason nothing it showing up. I added the HTML, then the CSS in a style tag, then the JS in a script tag along with the external JS in another script tag with src (before the codepen JS so it can load the external library). Despite all that, when I load the page, it's blank.

This is the codepen code I'm trying to make a page for on my site

The page is https://sdwhall.com/west-hof/west-record-selection/ even though it's currently blank (but all the code is still there)

This is the code I put into the custom HTML block in wordpress (it's the only thing on that page)

I'm not very experienced with HTML/CSS so I can't really figure out on my own why nothing is showing up.

Thanks for any help!!

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer