Alquran - Islamic Academy and Mosque HTML Template

# 项目简介 Al-Quran 是一个基于 HTML5 和 Bootstrap 5 的响应式商业网站模板，专为伊斯兰文化机构、宗教教育平台、古兰经学习中心等场景设计。模板内置 6 种首页风格和深色/浅色布局切换，并附带联系表单邮件发送功能。 ## 技术栈 - Bootstrap 5（响应式布局框架） - HTML5 + CSS3 - jQuery（交互与动画） - mCustomScrollbar（侧边栏滚动条） - PHP（仅用于 `sendemail.php` 联系表单） ## 项目结构 ``` 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` — 主首页入口，包含顶部导航、巨幅菜单与全宽 Banner - `alquran/assets/css/style.css` — 全局样式，定义了主题色（#ffd050）、排版与组件 - `alquran/sendemail.php` — 联系表单后端，将用户留言发送至指定邮箱 - `documentation/index.html` — 模板官方文档，含 HTML 结构、样式表与地图配置说明 - `alquran/contact.html` — 联系页面，集成表单与地图区块 ## 快速开始 1. 直接在浏览器中打开 `alquran/index.html` 即可预览首页 2. 若需使用联系表单，需将项目部署至支持 PHP 的 Web 服务器，并修改 `sendemail.php` 中的收件邮箱地址 3. 导航至 `documentation/index.html` 可查阅完整定制文档 ## 使用建议 模板提供了丰富的页面变体，建议根据实际业务需求选择对应首页风格，并利用 Bootstrap 栅格系统快速调整内容排版。如需部署联系表单，请务必将服务器环境配置为可执行 PHP。