Qiblah — Mosque & Islamic Centre HTML5 Template

About This Item

Qiblah is a mosque website template: a calm, useful HTML5 template for mosques, masjids and Islamic centres. 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. Underneath, it works out what a community checks every day: the five prayer times, calculated from the sun for your own city, the next prayer, the Hijri date, the direction of the Kaaba, zakat and the Ramadan timetable.

Two Homepages

• Home 01 – The Prayer Day: hero slider with today’s prayer bar (adhan, iqamah and the next prayer counting down), the welcome, charity counters with a live fund, Everyday Tools, the video band, events dated from the Hijri calendar, khutbah recordings with a player, the Qibla Line that draws the path to the Kaaba as you scroll, the gallery and the news.
• Home 02 – The Community: video hero, a word from the imam, the Five Prayers stack in the sky of each hour, the next Islamic date counting down, a computed prayer schedule on the gold arabesque, Ramadan with a Zakat al-Fitr calculator, and the news.

Prayer & Islamic Tools

• Prayer Times: Fajr to Isha for any city and time zone and five calculation methods. It also has Shafi’i or Hanafi Asr, a high-latitude rule, iqamah times, Jumu’ah and a full month’s timetable.
• Qibla Finder: great-circle bearing and distance from a city or your own coordinates. It also has a compass and the path on a dotted world map.
• Zakat Calculator: cash, gold, silver, investments and business stock less debts, against the gold or silver nisab. The amount carries straight to the donation form.
• Ramadan Timetable: suhoor and iftar for every day of Ramadan, the length of each fast and Zakat al-Fitr.
• Islamic Calendar: Hijri and Gregorian side by side (Umm al-Qura), the key Islamic dates and a two-way converter.

Community Pages

Qiblah includes a Khutbah archive with filters and an audio player, plus Khutbah Details. It also has Events (Upcoming, This Month and Past, worked out from today). Event Details adds a countdown, RSVP and calendar export. Then come Donation (funds, monthly giving, the card fee and what each gift does) and About with How To Pray. There are also Imams & Scholars with Ask The Imam and Madrasa with live fees. Services come with nikah booking and a live total. The store side has Shop in three layouts, Product, Cart (coupon, shipping, tax) and Checkout. It also has FAQ with search, Blog in five post formats, Blog Details and Contact (working PHP form and map). Finally, there are Login, Register, Forgot Password, Coming Soon and 404 – thirty-two pages in total.

Mosque Website Template Features

• 32 HTML pages, 2 unique homepage designs
• 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 any 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
• Swiper sliders, Fancybox video and galleries, GSAP with ScrollTrigger
• 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
• Documentation included

This mosque website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Qiblah also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Islamic HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (El Messiri, Readex Pro).