This is great but, how exactly would you incorporate something like this into a wordpress page? I see three separate sections of code here but not sure where to put these in the wordpress editor. Is there a way to turn this pen into a .png file? Forgive my ignorance here, but this is a bit above my head.
Use the Text widget and add your code in there for HTML. If any of those tutorials require you to add css or javascript then you’ll have to add them in your css or wherever the tutorial recommends.
If you don’t want to deal with code there should be some photoshop/PSDs that you can use. Thats how they created the demo.
.
