This Ramadan nights landing page template is one HTML5 page with one goal. Iftara is a calm one-page event registration landing page for Ramadan at a mosque or Islamic centre.

Every call to action leads to one goal – registering for the nights at the centre and i’tikaf – with taraweeh, the Quran completion, qiyam al-layl and the community iftar listed beside the form. The month counts down and the timetable gives suhoor and iftar for every day.

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.

Ramadan Nights Landing Page: One Page, Built To Convert

• Hero Slider: First, five prayers, one community, under Arabic calligraphy.
• A Word From The Imam: Then, the lead imam’s welcome, his Friday khutbah, office hours and languages, with Ask The Imam.
• Counters: Next, donors, missions, volunteers and funds raised.
• The Month Of Ramadan Starts: After that, a countdown to the new crescent with the first fast, Laylat al-Qadr and Eid, and zakat al-fitr worked out per household.
• The Ramadan Timetable: Also, suhoor ends, iftar, the length of the fast and the next one, then every day of the month by city and method.
• Five Times A Day: Then, the prayer day as sticky cards worked out from the sun, the next one counting down.
• The Next Sacred Day: Next, isra and Mi’raj counting down.
• Events And Khutbah: In addition, the coming events and the latest Friday sermons with an audio player.
• Video Band: After that, journey to the House of Allah – a parallax photo band with the centre’s film in a lightbox.
• Gallery: Also, moments from the masjid.
• Prayer Schedule: Then, today’s adhan and iqamah times.
• Register: Next, nights at the centre beside the i’tikaf registration form.
• Contact: Finally, a free consultation card with the address, phone and email, a working contact form and a Google map.

Ramadan Nights Landing Page Features

• One-page event registration landing with a single goal: register for the Ramadan nights and i’tikaf
• Anchor-tab header with smooth scrolling and a scroll-spy that marks the current section, mirrored in the mobile menu
• A Ramadan countdown, a month’s timetable by city and method, zakat al-fitr per household
• 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.