项目简介
Al-Quran 是一个基于 HTML5 和 Bootstrap 5 的响应式商业网站模板，专为伊斯兰文化机构、宗教教育平台、古兰经学习中心等场景设计。模板内置 6 种首页风格和深色/浅色布局切换，并附带联系表单邮件发送功能。
技术栈
- Bootstrap 5（响应式布局框架）
- HTML5 + CSS3
- jQuery（交互与动画）
- mCustomScrollbar（侧边栏滚动条）
- PHP（仅用于
sendemail.php联系表单）
项目结构
text
alquran-package/
├── alquran/ # 模板主体
│ ├── index.html # 首页 01
│ ├── index-1.html # 深色首页 04
│ ├── index-2~6.html # 其他首页变体
│ ├── about.html # 关于
│ ├── courses.html # 课程列表
│ ├── scholars.html # 学者列表
│ ├── contact.html # 联系页
│ ├── blog.html # 博客
│ ├── events.html # 活动
│ ├── faq.html # 常见问题
│ ├── price.html # 定价
│ ├── prayer-time.html # 礼拜时间
│ └── assets/ # 静态资源（CSS/JS/图片/字体）
└── documentation/ # 官方文档
├── index.html # 文档首页
├── css/ # 文档样式
└── js/ # 文档脚本
核心文件说明
alquran/index.html— 主首页入口，包含顶部导航、巨幅菜单与全宽 Banneralquran/assets/css/style.css— 全局样式，定义了主题色（#ffd050）、排版与组件alquran/sendemail.php— 联系表单后端，将用户留言发送至指定邮箱documentation/index.html— 模板官方文档，含 HTML 结构、样式表与地图配置说明alquran/contact.html— 联系页面，集成表单与地图区块
快速开始
- 直接在浏览器中打开
alquran/index.html即可预览首页 - 若需使用联系表单，需将项目部署至支持 PHP 的 Web 服务器，并修改
sendemail.php中的收件邮箱地址 - 导航至
documentation/index.html可查阅完整定制文档
使用建议
模板提供了丰富的页面变体，建议根据实际业务需求选择对应首页风格，并利用 Bootstrap 栅格系统快速调整内容排版。如需部署联系表单，请务必将服务器环境配置为可执行 PHP。
