How it works - You need to add custom attributes to body
Creating the structure - You will need to re-structure the page following the tutorial (follow exactly including the class names and tag names and element hierarchy)
Adding style - If you have followed the tutorial exactly up to this point, you should be able to paste the code in this section into the Page Settings > Header Code, and wrap them between <style></style> tags
Events handling - At this point you will need quite a bit of custom coding depending on the animation type you decide to use. In their demo’s JavaScript file, they have combined all their animation types into this file, but it should be possible to just include this file without modifications in your project using the Github hosting tutorial I linked above.
If it’s too difficult to use, search for a plugin with a simpler tutorial (like fullpage.js, which has a tutorial on Webflow forums), or simply hire a web developer.
I’ve tried to follow the github hosting tutorial but when I try to ‘1. Get embeddable link from any github resource’ after clicking of ‘Raw’ all I get is a ‘gist’ url and not the stage you mentioned here:
I have never worked with code / github but if I can get these files hosted then your steps above look straight forward