getButterfly Logo getButterfly code wrangling since 2005

Interactive Panels

Today, I’d like to share one of my recent creations, CSS/JS interactive panels. Each panel contains an image, content and two call-to-action buttons. In addition, there is a lightbox link opening a second image. Each call-to-action button opens a transparent overlay with an email form.

The panels use pure Javascript and FontAwesome.

See/fork demo

Note: There is no server-side interaction in the demo.

Subscribe to getButterfly Blog

Once a week or so we send an email with our best content. We never bug you, we just send you our latest piece of content.

If you found any value in this post, agree, disagree, or have anything to add - please do. I use comments as my #1 signal for what to write about. Read our comment policy before commenting! Comments such as "Thank you!", "Awesome!", "You're the man!" are either marked as spam or stripped from URL.

Leave a reply

Love programming?

Learn about the most amazing things. Get smarter everyday!