#ForTheBright

Good imagery in this responsive One Pager for the non-profit ‘#ForTheBright’ campaign. The donation infographic is clear and making a donation is very easy within the page. Cheers for the good build notes. All the best with the funding.

For this project we used scroll based animations for the display of certain texts and images for a more pleasing user engagement. We also used the Magnific popup jQuery plugin in order to achieve responsive videos. To further promote the crowdfunding initiative, we created a custom indicator of the current donation amount, using a CSS3 background gradient in a test tube that will fill up as the donation amounts increase. The donation form which is initially hidden from the display, is made visible with a smooth animation effect when the user clicks on the donate button.
Categories Non Profit
Tailwind CSS and Refactoring UI
New Podcast
Tailwind CSS founder Adam Wathan is the latest Yo! Podcast guest.