项目简介link

Parody 是一个数字 agency 作品集 HTML 模板，适合展示创意工作室、数字营销团队或设计机构的项目案例。提供 20+ 完整页面，包含博客、作品集、服务、团队等多个业务模块，支持响应式布局和多种交互效果。

技术栈link

• 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（表单后端）

项目结构link

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

核心文件说明link

• 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 — 作品集展示页面，含多列布局与详情页

快速开始link

纯静态模板，直接在浏览器打开 index.html 即可预览完整效果。如需本地服务器：

# Python 3
python -m http.server 8080

# Node.js (npx)
npx serve .

然后访问 http://localhost:8080/parody-prev/index.html。

使用建议link

适用于创意agency、数字营销公司或自由设计师搭建在线作品集。实际部署联系表单时需配置 mail.php 的邮件服务器参数，或替换为第三方表单服务（如 Formspree）。