Fightex - Portfolio Showcase Template

# 项目简介 Fightex 是一款展示型作品集静态模板，采用全屏背景幻灯片布局，适合创意工作者、摄影师、设计师展示个人作品。内置 5 种首页风格切换，支持 YouTube/Vimeo 视频背景轮播。 ## 技术栈 - 静态 HTML5 + CSS3 - jQuery（负责幻灯片、表单交互） - Swiper（轮播组件） - Lity / Magnific Popup（图片/视频弹窗） - PHP（contact.php 表单后端） ## 项目结构 ``` 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） ``` ## 核心文件说明 - `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` — 作品集展示页面 ## 快速开始 1. 解压压缩包，进入 `Fightex-v1-0-Template` 文件夹 2. 直接用浏览器打开 `index.html` 预览 3. 上线时将整个 Template 文件夹内容上传至服务器 `public_html` 4. 修改 `contact.php` 中的 `$myemail` 为实际收件邮箱 ## 使用建议 替换 `img/` 目录下的背景图和作品图时保持原始分辨率；联系表单依赖服务器 PHP 环境，若使用静态托管需另接第三方表单服务（如 Formspree）。