Exena - One Page Portfolio Template

# 项目简介 Exena 是一款单页作品集 HTML 模板，采用全屏滚动布局，包含首页、关于、服务、案例、新闻、联系六大板块。内置 Slick、Owl Carousel、Swiper 等多种轮播组件，支持视差效果和响应式设计，适合创意工作室或个人展示型网站快速搭建。 ## 技术栈 - HTML5 + CSS3（静态页面） - jQuery（核心交互） - fullPage.js（全屏滚动） - Slick Slider（服务轮播） - Owl Carousel（案例/新闻轮播） - Swiper（视差滑块） - Magnific Popup（图片灯箱） - PHP（联系表单后端） ## 项目结构 ``` exenahtml-10/ ├── Documentation/ # 官方文档 ├── Template/ │ ├── index-*.html # 不同首页变体 │ ├── contact.php # 表单处理 │ ├── MIT-License/ │ ├── css/ │ │ ├── style.css # 主样式 │ │ └── plugins.css # 第三方插件样式 │ ├── fonts/ # ionicons 图标字体 │ ├── img/ # 示例图片资源 │ └── js/ │ ├── main.js # 核心交互逻辑 │ └── plugins.js # 第三方插件 ``` ## 核心文件说明 - `Template/index-*.html` — 首页入口文件，提供多种视觉变体（视频背景、视差滑块等） - `Template/css/style.css` — 主样式表，定义全站布局、配色与响应式断点 - `Template/js/main.js` — jQuery 交互逻辑，含预加载、导航、轮播、模态框等 - `Template/contact.php` — 简单 PHP 邮件表单处理器（需配置 $myemail） - `Template/css/plugins.css` — 轮播、灯箱等第三方组件的样式覆盖 ## 快速开始 1. 解压压缩包，进入 `Template` 目录 2. 双击 `index-HTML5-VIDEO.html` 或其他首页文件在浏览器中预览 3. 上线时通过 FTP 将 `Template` 文件夹内容上传至服务器 `public_html` 4. 修改 `contact.php` 中的 `$myemail` 为实际收件地址 ## 使用建议 模板自带多套首页变体，可按需替换 `index-*.html`；联系表单依赖 PHP 环境，若使用静态托管需自建后端或接入第三方表单服务。