Pisole v1.0 - Digital Agency HTML Template

# 项目简介 Pisole 是一款数字创意 agency HTML 模板，适用于设计公司、创意工作室或个人作品集展示。模板基于 Bootstrap 5 构建，提供完整的多页面结构，包括首页、关于、案例、新闻、联系等常见页面，附带响应式布局与动画效果。 ## 技术栈 - Bootstrap 5（响应式框架） - HTML5 / CSS3 - jQuery（交互脚本） - PHP（联系表单后端） - Google Fonts（Open Sans / Poppins） ## 项目结构 ``` 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/` 可随模板一起交付给最终客户。