项目简介
Pisole 是一款数字创意 agency HTML 模板，适用于设计公司、创意工作室或个人作品集展示。模板基于 Bootstrap 5 构建，提供完整的多页面结构，包括首页、关于、案例、新闻、联系等常见页面，附带响应式布局与动画效果。
技术栈
- Bootstrap 5（响应式框架）
- HTML5 / CSS3
- jQuery（交互脚本）
- PHP（联系表单后端）
- Google Fonts（Open Sans / Poppins）
项目结构
text
pisole/
├── documentation/ # 模板使用文档
│ ├── index.html
│ ├── assets/
│ │ ├── css/ # 文档样式（含 bootstrap、font-awesome）
│ │ ├── fonts/ # 字体文件
│ │ ├── images/ # 文档图片资源
│ │ └── js/ # 文档脚本
│ └── css/
│ ├── bootstrap.css
│ ├── font-awesome.css
│ └── style.css # 文档主样式
└── files/ # 模板实际页面
├── index.html # 首页
├── index-2.html
├── index-3.html
├── about.html
├── contact.html
├── contact.php # 联系表单处理
├── news.html / news-details.html
├── project.html / project-details.html
├── service.html / service-details.html
└── assets/ # 模板资源文件
核心文件说明
files/index.html— 模板首页入口，包含预加载动画、页头、轮播等主要结构files/contact.php— 联系表单后端处理脚本，负责接收并发送邮件files/assets/css/main.css— 模板主样式文件（引用于 index.html）files/assets/css/bootstrap.min.css— Bootstrap 5 核心样式files/assets/js/*.min.js— 各功能脚本（动画、菜单、灯箱等）documentation/index.html— 官方使用文档，含 HTML 结构、CSS 说明与配置指引
快速开始
直接用浏览器打开 pisole/files/index.html 即可预览。如需本地服务器查看完整效果，建议使用：
bash
# Python 3
cd pisole/files && python -m http.server 8080
# 或 Node.js (需安装 http-server)
npx http-server pisole/files -p 8080
联系表单需部署至 PHP 环境（如 php -S 或 Apache/Nginx）方可正常收发邮件。
使用建议
部署前请将 contact.php 中的收件邮箱 $recipient 修改为实际地址，并根据需要替换 files/assets/ 下的 logo、图片等品牌资源。文档目录 documentation/ 可随模板一起交付给最终客户。
