项目简介link

Fightex 是一款展示型作品集静态模板，采用全屏背景幻灯片布局，适合创意工作者、摄影师、设计师展示个人作品。内置 5 种首页风格切换，支持 YouTube/Vimeo 视频背景轮播。

技术栈link

• 静态 HTML5 + CSS3
• jQuery（负责幻灯片、表单交互）
• Swiper（轮播组件）
• Lity / Magnific Popup（图片/视频弹窗）
• PHP（contact.php 表单后端）

项目结构link

fightexhtml-10/
├── Fightex-v1-0-Documentation/
│   ├── index.html          （在线文档入口）
│   └── assets/             （文档用 CSS/JS）
├── Fightex-v1-0-Template/
│   ├── index.html          （首页 - Hero Slider）
│   ├── index-2~5.html      （其他首页变体）
│   ├── about.html          （关于我们）
│   ├── contact.html        （联系页面）
│   ├── works.html          （作品列表）
│   ├── news.html           （博客列表）
│   ├── project-*.html      （作品详情页）
│   ├── news-*.html         （文章详情页）
│   ├── css/                （主样式 + 插件样式）
│   ├── js/                 （各页面对应脚本）
│   ├── fonts/              （ionicons 图标字体）
│   └── img/                （背景图 / 案例图 / Logo）

核心文件说明link

• Fightex-v1-0-Template/index.html — 主首页入口，Swiper 幻灯片组件
• Fightex-v1-0-Template/css/style.css — 全部样式，含暗色主题 (#111) 与 Raleway 字体
• Fightex-v1-0-Template/js/fightex.js — 核心交互脚本
• Fightex-v1-0-Template/contact.php — 邮件表单后端，需配置 $myemail
• Fightex-v1-0-Template/works.html — 作品集展示页面

快速开始link

1. 解压压缩包，进入 Fightex-v1-0-Template 文件夹
2. 直接用浏览器打开 index.html 预览
3. 上线时将整个 Template 文件夹内容上传至服务器 public_html
4. 修改 contact.php 中的 $myemail 为实际收件邮箱

使用建议link

替换 img/ 目录下的背景图和作品图时保持原始分辨率；联系表单依赖服务器 PHP 环境，若使用静态托管需另接第三方表单服务（如 Formspree）。