Sadaqora – Mosque Donation Landing Page HTML5 Template

About This Item

This mosque donation landing page template is one HTML5 page with one goal. Sadaqora is a calm one-page donation landing page for mosques, masjids and Islamic centres.

Every call to action leads to one goal – giving to the centre’s funds – in five steps: the fund (zakat, sadaqah, masjid running costs, expansion, orphan sponsorship, zakat al-fitr), how often, the amount with the card fee covered, payment and donor details, with the gift summed beside it. A zakat calculator works out what is due.

Iznik teal and dome gold on a warm cream ground, Arabic-ready type and a crescent preloader give it the quiet of a prayer hall at dusk. The header is a set of anchor tabs that glide to each section and light up as you scroll, under a top bar with today’s Hijri date and the next prayer.

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.

Mosque Donation Landing Page: One Page, Built To Convert

• Hero Slider: First, allah knows best, under Arabic calligraphy, with the worshippers.
• Prayer Bar: Then, today’s five prayers worked out from the sun, the next one highlighted.
• About: Next, a welcome with the years of service, the daily prayers and the volunteers.
• Our Helpful Charity: After that, donors, missions, volunteers and funds raised, and each fund’s goal with how far it has come and the days left.
• Useful For Every Muslim, Every Day: Also, the next prayer, the Qibla, the nisab, Ramadan and the Hijri date.
• Video Band: Then, journey to the House of Allah – a parallax photo band with the centre’s film in a lightbox.
• Events And Khutbah: Next, the coming events and the latest Friday sermons with an audio player.
• A Word From The Imam: In addition, the lead imam’s welcome, his Friday khutbah, office hours and languages, with Ask The Imam.
• Facing The Kaaba From Wherever You Stand: After that, the Qibla bearing and distance from your city on a great-circle line.
• Gallery: Also, moments from the masjid.
• Make A Donation: Then, the fund, how often, the amount, payment and donor details with your gift summed beside it, and where each gift goes.
• Zakat Calculator: Next, what you own and what you owe against the gold or silver nisab, with the zakat due and the questions about zakat.
• Contact: Finally, a free consultation card with the address, phone and email, a working contact form and a Google map.

Mosque Donation Landing Page Features

• One-page donation landing with a single goal: give to the centre’s funds
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• Charity goals with progress, a five-step donation form with the card fee covered, a zakat calculator
• Hero slider, events slider, khutbah audio player, parallax photo band with a video lightbox
• Real Islamic logic: prayer times from the sun’s position, Hijri dates, Qibla bearing, zakat and Ramadan – set your centre once in one settings object
• Light and dark mode with a switch in the top bar
• RTL ready: a flag language picker turns the page right to left, with Bootstrap’s RTL build and Arabic-ready fonts
• A crescent preloader, right-to-left photo reveals, a WebGL star lattice and a twinkling night sky
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for quick re-theming
• Working PHP form handler for every form, with optional invisible reCAPTCHA v3
• Font Awesome Free, 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, RTLCSS, Google Fonts (El Messiri, Readex 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, the Arabic calligraphy and the gold arabesque pattern are included.

Browse more Islamic landing pages, or the multi-page Islamic website templates.