Istiqbal - Islamic Center and Mosque HTML5 Template preview 1

Istiqbal - Islamic Center and Mosque HTML5 Template

bookmark

Istiqbal is an HTML5 website template designed specifically for Islamic centers and mosques, built with Bootstrap 5. It includes complete pages such as homepage, events, blog, shop, and contact form, making it suitable for quickly buildi...

HTML

Project Overview

Istiqbal is an HTML5 website template designed specifically for Islamic centers and mosques, built with Bootstrap 5. It includes complete pages such as homepage, events, blog, shop, and contact form, making it suitable for quickly building official websites for religious institutions or community organizations.

Tech Stack

  • Bootstrap 5.0.1
  • jQuery 3.x
  • Static HTML5
  • PHP (only for contact form email sending)
  • Owl Carousel / Slick Slider / Swiper

Project Structure

text
istiqbalhtml-10/downloadable/
├── Istiqbal/                      # Main template directory
│   ├── index.html                 # Homepage
│   ├── index-2.html               # Homepage variant 2
│   ├── index-3.html               # Homepage variant 3
│   ├── about.html, contact.html   # Basic pages
│   ├── event*.html, service*.html # Event/Service pages
│   ├── blog*.html                 # Blog pages
│   ├── shop*.html, cart.html      # Shop/Cart pages
│   ├── login.html, register.html  # User authentication
│   ├── donate.html                # Donation page
│   └── assets/                    # Styles/Scripts/Images
└── documentation/                 # Template usage documentation

Core File Description

  • Istiqbal/index.html — Main homepage with navigation, carousel, statistics and other key modules
  • Istiqbal/assets/sass/style.css — Main stylesheet (SCSS source)
  • Istiqbal/mail-contact.php — Backend email processing script for contact form
  • documentation/index.html — Template configuration and customization documentation
  • Istiqbal/assets/js/script.js — Interactive logic for navigation scrolling, sidebar scrolling, etc.
  • Istiqbal/assets/css/bootstrap.min.css — Bootstrap framework core styles

Quick Start

  1. Deploy the Istiqbal folder to a web server (or use a local server tool)
  2. Open index.html directly in a browser to preview
  3. For contact form functionality, ensure the server supports PHP and modify the $to email address in mail-contact.php

Usage Suggestions

  • The template offers three homepage variants (index / index-2 / index-3), choose according to the institution's style
  • The donation page (donate.html) is pre-built and ready to integrate with payment gateways
  • When customizing colors or layout, prioritize modifying assets/sass/style.scss for easier maintenance
help_outline

FAQ