This is just something I created to play with pop-ups and to try adaptive css (I still have some probelms with the background image on my mobile phone tho)
If you just want to see what happens you need to download all the files in the same folder (on your computer) and then execute the index.html one.
Otherwise, if you want to try and edit the code, I suggest you to use Codepen, where you can edit all the files at the same time and see imeditely what happens to your interactive message.
You can also create a link dierctly to directly host the static webpage with the animation on GitHub, mine is https://livia020799.github.io/Pop-up/
Tutorial on how to create the link on GitHub:
- Create an account on GitHub
- Create a new repository
- Upload the css, js and html files
- Go to Settings > Pages
- Select the main branch and click "Save"
- Refresh the page or come back after a couple of minutes and on top of the "Pages" page you should find the link to your static Webpage
Please feel free to dm me for anything :)