Parody - Digital Agency Portfolio HTML Template

# 项目简介 Parody 是一个数字 agency 作品集 HTML 模板，适合展示创意工作室、数字营销团队或设计机构的项目案例。提供 20+ 完整页面，包含博客、作品集、服务、团队等多个业务模块，支持响应式布局和多种交互效果。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（栅格与基础组件） - jQuery（交互逻辑） - Font Awesome 6 Pro（图标） - Google Fonts（字体方案：Inter、Plus Jakarta Sans、DM Sans 等） - Swiper（轮播） - Isotope（瀑布流/筛选） - Magnific Popup（图片/视频弹窗） - Nice Select（下拉选择） - WOW.js（滚动动画） - mail.php（表单后端） ## 项目结构 ``` parodyhtml-10/ └── parody-prev/ ├── index.html ├── about.html ├── blog.html ├── contact.html ├── portfolio-*.html ├── service.html ├── shop.html ├── team.html ├── pricing.html ├── faq.html ├── error.html └── assets/ ├── css/ │ └── main.css ├── js/ │ ├── main.js │ └── ajax-form.js └── mail.php ``` ## 核心文件说明 - `parody-prev/index.html` — 首页入口，所有页面基于相同结构扩展 - `assets/css/main.css` — 主题完整样式，含布局、组件、响应式规则 - `assets/js/main.js` — 导航、滚动动画、灯箱、Isotope 筛选等核心交互 - `assets/js/ajax-form.js` — 联系表单 AJAX 提交逻辑 - `assets/mail.php` — 表单后端处理脚本 - `parody-prev/portfolio-*.html` — 作品集展示页面，含多列布局与详情页 ## 快速开始 纯静态模板，直接在浏览器打开 `index.html` 即可预览完整效果。如需本地服务器： ```bash # Python 3 python -m http.server 8080 # Node.js (npx) npx serve . ``` 然后访问 `http://localhost:8080/parody-prev/index.html`。 ## 使用建议 适用于创意agency、数字营销公司或自由设计师搭建在线作品集。实际部署联系表单时需配置 `mail.php` 的邮件服务器参数，或替换为第三方表单服务（如 Formspree）。