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.
![How to Smooth Scroll Landing Pages using Squarespace [video]](https://onepagelove.imgix.net/2020/06/opl-thumb.jpg?w=360&max-h=190&fit=crop&fp-y=0)
