
Fahima - 创意作品集和博客 HTML 模板
category作品集
# 项目简介
Fahima 是一款基于 Bootstrap 的响应式 HTML5 个人博客模板,适合旅行博主或摄影师搭建个人作品展示网站。模板内置三种首页布局,支持图文画廊、博客详情页和联系表单等模块。
## 技术栈
- Bootstrap 4.1.3
- jQuery
- Google Fonts(Open Sans)
- Font Awesome
- Flaticon 图标库
- Owl Carousel 轮播组件
- PHP(仅用于联系表单邮件发送)
## 项目结构
```
fahimahtml-10/Fahima pack/
├── Documentation/ # 模板使用文档
│ ├── index.html
│ ├── css/ # 文档样式
│ └── js/ # 文档脚本
└── fahima/ # 模板主体
├── index.html # 首页(主页风格)
├── index2.html # 首页变体二
├── index3.html # 首页变体三
├── about.html # 关于页面
├── contact.html # 联系页面
├── gallery.html # 画廊页面
├── blog-details.html # 博客详情页
├── 404.html # 404错误页
├── sendmail.php # 邮件发送处理
└── assets/ # 静态资源
├── css/
├── js/
└── images/
```
## 核心文件说明
- `fahima/index.html` — 主首页,含轮播图和导航
- `fahima/assets/css/style.css` — 模板主样式文件
- `fahima/assets/css/responsive.css` — 响应式样式
- `fahima/sendmail.php` — 联系表单邮件发送脚本
- `fahima/contact.html` — 联系页面(含表单)
- `fahima/gallery.html` — 图片画廊展示页
## 快速开始
1. 直接在浏览器打开 `fahima/index.html` 即可预览
2. 如需使用联系表单,需将 `sendmail.php` 部署至支持 PHP 的服务器,并修改收件邮箱地址
3. 图片和图标资源均位于 `assets/` 目录,按需替换即可
## 使用建议
- 该模板定位为个人品牌展示,建议根据实际旅行内容替换占位图片和文案
- 联系表单依赖服务器端 PHP 环境,若使用静态托管需自行接入第三方表单服务
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML