HTMLStarter

mosque-website-template — HTML Starter Template

By AbdelmoulaBilel

Al-Noor mosque website template provides browser-computed prayer times, Qibla, monthly timetable and a prayer-hall TV screen, with English, French and Arabic support and no build step.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-19View source

What stands out

A quick read of the recorded project description.

01

Prayer times are computed in the browser without an external API; the README states they are checked against Aladhan to the minute

02

Supports English, French and Arabic (RTL), switched via URL parameters ?lang=en/fr/ar

03

Provides a 24-hour prayer dial, countdown to the next prayer, Hijri date and Qibla direction

04

Printable monthly timetable, with optional sound and notification reminders when the tab is open

05

A separate display.html is provided for a prayer-hall TV screen, showing a large clock, the day's times, an iqama countdown and rotating announcements

06

All configuration is centralized in js/config.js, text changes are in js/i18n.js, and no build step is required

Template Details

This is a ready-to-use mosque website template that requires no installation or build; open index.html to run it. Main features include: computing prayer times for any city in the browser (the README states it is checked against Aladhan to the minute), a 24-hour prayer dial, a countdown to the next prayer, Hijri date, Qibla direction with a phone compass, a printable monthly timetable, optional reminders (sound and notifications) when the tab is open, automatic hiding of past events, and adding to calendar via .ics files. It supports English, French and Arabic (RTL), switched via URL parameters. A separate display.html is provided for a prayer-hall TV screen, showing a large clock, the day's times, an iqama countdown and rotating announcements. All configuration is centralized in js/config.js, and text changes are in js/i18n.js. The README does not document browser compatibility, accessibility support or additional requirements for production deployment.

HTMLLauncher

Is it right for your project?

Use Cases

  • A mosque needs to quickly launch a website with prayer times, Qibla and a monthly timetable
  • Displaying a large clock, the day's prayer times and an iqama countdown on a prayer-hall TV screen
  • Providing mosque information to a multilingual community (English, French, Arabic)
  • Situations where visitors need to view local prayer times via geolocation or city search

Suitable For

  • Mosques that want a zero-build site customized by directly editing HTML/JS files
  • Mosque communities needing an English, French or Arabic interface
  • Mosques planning to use a TV screen in the prayer hall to display prayer times

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Click Use this template on GitHub or download the ZIP and open index.html; no installation or build is required

  2. 2

    Publish to GitHub Pages: repository Settings → Pages → Deploy from branch → main / root

  3. 3

    Edit js/config.js to change the name, contact details, location (latitude, longitude, timezone), calculation method, iqama offset, Jumu'ah, events, programs and donation links

  4. 4

    Edit js/i18n.js to change any sentence in English, French and Arabic

  5. 5

    Images come from earlier client projects or theme demos and are for demonstration only; they must be replaced with your own images

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, used commercially and distributed free of charge.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons and other third-party assets must be checked against their respective licenses; the code's MIT license alone cannot be used to judge them.
  • External services such as domains, hosting, databases, payments or AI may incur separate charges.
  • The code is under the MIT license; however, the photos come from earlier client projects or theme demos and are for demonstration only, must be replaced with your own images, and cannot be considered authorized for use.
  • Visitor geolocation or city search relies on the external Open-Meteo geocoding service; when using it, note that third-party service's availability and terms.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

Code: MIT licence (see `LICENSE`). Photos come from earlier client projects or theme demos and are for demonstration only — replace them with your own images.

Original README

- Visitors can use their location or search any city (Open-Meteo geocoding). The method is picked by country.

Original README
https://github.com/AbdelmoulaBilel/mosque-website-template/blob/main/LICENSEhttps://github.com/AbdelmoulaBilel/mosque-website-template/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-19. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 80 / 100
Technologies
HTML
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-10-19
Screenshot last checked
2026-10-19

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: codex-user-requested-batch-review-20261021 · 2026-10-21

Inspect the recorded source material

SHA-256: b366244fa5d2a2ce524c1699eb5680fb1d54ccb0aed1256f6c7e96dc0a8dbcf8

2026-10-19T12:59:22.773Z

Source file / repository
# Mosque template — Al-Noor

Free mosque website template: live prayer times for any city, Qibla, monthly timetable, prayer-hall TV screen. English, French, Arabic (RTL). No build step.

**Live demo:** https://abdelmoulabilel.github.io/mosque-website-template/

![Preview](preview.webp)

## Use it
- Click **Use this template** on GitHub (or download the ZIP), then open `index.html` — no install, no build.
- Publish for free: repo **Settings → Pages → Deploy from branch → main / root**.

## Customise
Edit **`js/config.js`**: name, contact, location (latitude, longitude, time zone), calculation method, iqama offsets, Jumu'ah, events, programme, donation link.
Edit **`js/i18n.js`** to change any sentence (English, French, Arabic).

Features
- Prayer times calculated in the browser (no API). Checked against Aladhan: same to the minute.
- Visitors can use their location or search any city (Open-Meteo geocoding). The method is picked by country.
- 24-hour prayer dial, next-prayer countdown, Hijri date, Qibla direction and phone compass.
- Printable monthly timetable. Optional reminder (sound + notification) while the tab is open.
- Languages: add `?lang=en`, `?lang=fr` or `?lang=ar` (right-to-left) to the URL.
- Past events hide themselves. "Add to calendar" downloads an .ics file.

## Prayer-hall screen
Open `display.html` full screen (F11) on the TV in the prayer hall: big clock, today's times, iqama countdown and rotating announcements, all from the same `js/config.js`.

![Prayer-hall screen](img/screen-preview.webp)

## Credits
Code: MIT licence (see `LICENSE`). Photos come from earlier client projects or theme demos and are for demonstration only — replace them with your own images.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.