Exdos - Creative Agency HTML Template

# 项目简介 Exdos 是一款面向创意代理机构的静态 HTML 模板，包含首页、作品集、博客、商城、团队等十余种页面模板。内置 GSAP 动画、Swiper 轮播、magnificPopup 灯箱等交互效果，适合快速搭建代理类官网或作品展示站点。 ## 技术栈 - Bootstrap 5（布局与栅格） - jQuery（DOM 交互与插件驱动） - GSAP + ScrollTrigger（高级滚动动画） - Swiper（轮播组件） - FontAwesome Pro（图标字体） - DM Sans / Federo（Google Fonts 字体） - PHP（contact 表单后端） ## 项目结构 ``` exdoshtml-10/ ├── documentation/ # 在线文档页面 │ └── index.html └── exdos/ # 模板主目录 ├── index.html # 首页（多版本入口） ├── index-2~5.html # 其他首页变体 ├── about.html ├── portfolio.html ├── blog.html ├── shop.html ├── services.html ├── team.html ├── contact.html └── assets/ ├── css/ # 样式文件（含 GSAP/Swiper 插件样式） ├── js/ # main.js 包含全站交互逻辑 └── ajax-form.js # 表单异步提交 ``` ## 核心文件说明 - `exdos/index.html` — 首页入口，顶部包含 5 种首页切换预览 - `exdos/assets/css/style.css` — 主样式文件，含 CSS 变量定义与全部组件样式 - `exdos/assets/js/main.js` — 全站 JS 逻辑，含移动端菜单、GSAP 初始化、轮播配置等 - `exdos/assets/ajax-form.js` — 表单异步提交脚本 - `exdos/contact.html` — 联系页，含邮件发送的 PHP 后端支持 ## 快速开始 ```bash # 直接在浏览器打开首页 open exdos/index.html # 或启动本地静态服务器 npx serve exdos ``` ## 使用建议 替换 `assets/img/` 中的图片与 `style.css` 顶部 `:root` 中的颜色变量即可完成品牌定制；联系表单需配合服务器环境（如 php -S localhost:8000）才能正常收件。