项目简介link

Exdos 是一款面向创意代理机构的静态 HTML 模板，包含首页、作品集、博客、商城、团队等十余种页面模板。内置 GSAP 动画、Swiper 轮播、magnificPopup 灯箱等交互效果，适合快速搭建代理类官网或作品展示站点。

技术栈link

• Bootstrap 5（布局与栅格）
• jQuery（DOM 交互与插件驱动）
• GSAP + ScrollTrigger（高级滚动动画）
• Swiper（轮播组件）
• FontAwesome Pro（图标字体）
• DM Sans / Federo（Google Fonts 字体）
• PHP（contact 表单后端）

项目结构link

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    # 表单异步提交

核心文件说明link

• 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 后端支持

快速开始link

# 直接在浏览器打开首页
open exdos/index.html

# 或启动本地静态服务器
npx serve exdos

使用建议link

替换 assets/img/ 中的图片与 style.css 顶部 :root 中的颜色变量即可完成品牌定制；联系表单需配合服务器环境（如 php -S localhost:8000）才能正常收件。