Embedding Code from GitHub

I’m following this tutorial from a fellow Webflower.

I’m trying to embed this code

But it seems to not be working when i try to embed the html file.

https://cdn.rawgit.com/Foxhoundgaming/573e872774d45fe8e4db7685ab3bff80/raw/4638e98d3218e114ab775b10f404dc63210b89a6/center-quote.html

Does anybody have experience with embedding code this way using Github, could you take a look and let me know what i did wrong?

It’s the top hero section of my page where the code embed area is in the center.

Here is the published version

Here is the preview version preview version

You didn’t embed the CSS styles, and 70% width means nothing when the parent element’s width is 0px.

Try changing the CSS style’s width to 70vw (don’t forget to embed as well)

and if you want the animations, you have to embed the JS.

Ok. So i embedded the .CSS and the .JS file and changed the VW. This displayed the SVG graphic. But it seems the plugin is not loading the animation. I linked the script files into the custom code section.

You are loading jQuery twice in the head before Webflow’s jQuery. Remove all custom code from the head.

I updated it. Still not working sadly. :confused: I’m not even getting an error in the console. It’s very unusual. Should scripts go in the head or the footer? I’m pretty sure i’m linking them correctly.

I updated it. Still not working sadly. :confused: I’m not even getting an error in the console. It’s very unusual. Should scripts go in the head or the footer? I’m pretty sure i’m linking them correctly.

There is still one more here

You’ll need to move ALL custom code to the footer as well.

RawGit will soon shut down, any other method?

Pick “name a cloud provider” or “name a web hosting company”. The free tier on AWS has S3 and cloudfront for example.

I used the method above and use https://combinatronics.com
But still not showing up…how do I show u my webflow link?
https://webflow.com/design/manlo?pageId=5cae1d6e0920fb9c783b487c

Follow the instructions below, to share your project’s read only link.

thanks webdev - https://preview.webflow.com/preview/manlo?utm_source=manlo&preview=e3d489b6eff6b9fe31730a78e27dddfc

it is under Hallmark banner

You should test the link they provided you to see if it returns anything at all. You could do this in a browser.

Why not use Github Pages?