This church giving landing page template is one HTML5 page with one goal. Vespera is a bright, one-page donation landing page for Protestant churches, evangelical congregations and church plants.

Every call to action leads to one goal – giving online – through the giving form: an amount, once, weekly, monthly or yearly, where it goes and your details. The causes with what is raised, the church mission, the popular videos, the visitors’ words, today’s reading in the Bible-in-a-year plan, the upcoming events and the pastors make the case.

Stone, navy and coral with the Newsreader serif. The header is a set of anchor tabs that glide to each section and light up as you scroll. Also, the page ships with light and dark mode, right-to-left support and a WebGL light texture with stained-glass light on the night bands.

In short, every section on the page leads to that one action. Also, the contact form works out of the box, so you can launch as soon as your content is in.

Church Giving Landing Page: One Page, Built To Convert

• Hero Slider: First, grow in faith together – a split hero with a Give Online button.
• Youth Retreat Weekend: Then, the next gathering and the latest sermon.
• Church Mission: Next, the mission in panels.
• Causes: After that, winter shelter and warm meals in a slider with raised and goal, under stained-glass light.
• Give Online: Also, the giving form – amount, how often, the fund and your details.
• Popular Videos: Then, the church’s videos with YouTube video popups.
• What Our Visitors Say: Next, testimonials on a parallax photo band.
• Today’s Reading: In addition, the day’s chapters in the Bible-in-a-year plan.
• Upcoming Events and Pastors: After that, the next events and the pastors.
• Contact: Finally, a working contact form and a Google map.

Church Giving Landing Page Features

• One-page donation landing with a single goal: an online gift
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Light and dark mode on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets (Bootstrap RTL included) and a switch in the top bar
• WebGL light texture tinted by the theme colours, with stained-glass light on the night bands
• Real church logic: giving form with frequency and funds, causes with raised and goal, Bible in a year, live stream status
• Candle Lit preloader, word-rise reveals and a media cursor
• Swiper sliders, Fancybox video popups, a parallax photo band and a Google map
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free and a church icon font, loaded locally
• Fully responsive with a desktop-first breakpoint system
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index

Before You Buy

First, open the live demo and scroll the whole page. Then, check it on your phone. Finally, compare the sections above with the action you need.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5, Font Awesome Free, Flaticon church icons, RTLCSS, Google Fonts (Newsreader, Be Vietnam Pro).

Note

All images are used for preview purposes only and are not included in the download package – they are replaced with neutral placeholders. The logo files are included.

Browse more Church & Nonprofit landing pages, or the multi-page Church & Nonprofit website templates.