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

# 项目简介 Istiqbal 是一款专为伊斯兰中心和清真寺设计的 HTML5 网站模板，基于 Bootstrap 5 构建，包含首页、活动、博客、商城、联系表单等完整页面，适合快速搭建宗教机构或社区组织的官方网站。 ## 技术栈 - Bootstrap 5.0.1 - jQuery 3.x - 静态 HTML5 - PHP（仅用于联系表单邮件发送） - Owl Carousel / Slick Slider / Swiper ## 项目结构 ``` 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`，便于后续维护