Smartex - One Page Portfolio Template

# 项目简介 Smartex 是一款单页作品集模板，提供 6 种首页视觉模式（幻灯片、视频背景、单图等），适合个人或工作室展示作品与技能。 ## 技术栈 - HTML5 + CSS3 + JavaScript（原生 + jQuery） - PHP（联系表单后端） - 第三方插件：Slick、Magnific Popup、Owl Carousel、Lity ## 项目结构 ``` smartexhtml-10/ ├── Smartex-v1-0-Template/ # 模板主目录 │ ├── index-*.html # 6 种首页变体 │ ├── contact.php # 表单处理 │ ├── css/ # 样式（含插件样式） │ ├── js/ # 脚本 │ ├── img/ # 图片资源 │ ├── fonts/ # 图标字体 │ └── photoswipe/ # 图片灯箱 └── Smartex-v1-0-Documentation/ # 使用文档 ``` ## 核心文件说明 - `index-*.html` — 6 种首页布局（幻灯片、视频、单图等） - `css/style.css` — 主样式表（含全部组件样式） - `js/smartex.js` — 交互逻辑 - `contact.php` — 联系表单处理 - `css/plugins.css` — 第三方插件样式 - `js/plugins.js` — 第三方插件脚本 ## 快速开始 1. 打开 `Smartex-v1-0-Template/index-HERO-SLIDESHOW-ZOOM-FADE.html` 查看幻灯片首页 2. 如需使用联系表单，需配置 `contact.php` 中的邮箱地址并部署到 PHP 环境 3. 图片路径位于 `img/background/` 目录 ## 使用建议 - 更换图片时保持 `background/` 目录结构，确保 CSS 路径正确 - 视频背景版本需要额外配置视频文件或嵌入链接，可参考文档修改 HTML 结构