Istiqbal - 伊斯兰中心和清真寺 HTML5 模板 preview 1

Istiqbal - 伊斯兰中心和清真寺 HTML5 模板

bookmark

Istiqbal 是一款专为伊斯兰中心和清真寺设计的 HTML5 网站模板，基于 Bootstrap 5 构建，包含首页、活动、博客、商城、联系表单等完整页面，适合快速搭建宗教机构或社区组织的官方网站。

HTML

项目简介

Istiqbal 是一款专为伊斯兰中心和清真寺设计的 HTML5 网站模板，基于 Bootstrap 5 构建，包含首页、活动、博客、商城、联系表单等完整页面，适合快速搭建宗教机构或社区组织的官方网站。

技术栈

  • Bootstrap 5.0.1
  • jQuery 3.x
  • 静态 HTML5
  • PHP（仅用于联系表单邮件发送）
  • Owl Carousel / Slick Slider / Swiper

项目结构

text
istiqbalhtml-10/downloadable/
├── Istiqbal/                      # 主模板目录
│   ├── index.html                 # 首页
│   ├── index-2.html               # 首页变体2
│   ├── index-3.html               # 首页变体3
│   ├── about.html, contact.html   # 基础页面
│   ├── event*.html, service*.html # 活动/服务页
│   ├── blog*.html                 # 博客页
│   ├── shop*.html, cart.html      # 商城/购物车
│   ├── login.html, register.html  # 用户认证
│   ├── donate.html                # 捐赠页
│   └── assets/                    # 样式/脚本/图片
└── documentation/                 # 模板使用文档

核心文件说明

  • Istiqbal/index.html — 主首页，包含导航、轮播、统计数字等主要模块
  • Istiqbal/assets/sass/style.css — 主样式文件（SCSS 源码）
  • Istiqbal/mail-contact.php — 联系表单的后端邮件处理脚本
  • documentation/index.html — 模板配置与定制文档
  • Istiqbal/assets/js/script.js — 导航滚动、侧边栏滚动等交互逻辑
  • Istiqbal/assets/css/bootstrap.min.css — Bootstrap 框架核心样式

快速开始

  1. 将 Istiqbal 文件夹部署到 Web 服务器（或使用本地服务器工具）
  2. 直接在浏览器打开 index.html 即可预览
  3. 如需联系表单功能，需确保服务器支持 PHP，并修改 mail-contact.php 中的 $to 邮箱地址

使用建议

  • 模板提供三个首页变体（index / index-2 / index-3），可根据机构风格选择
  • 捐赠页面（donate.html）已内置，可直接对接支付接口
  • 定制颜色或布局时优先修改 assets/sass/style.scss，便于后续维护
help_outline

常见问题