Mokko - Creative Portfolio & Agency HTML Template

# 项目简介 Mokko 是一款面向创意机构和作品集展示的静态 HTML 模板，提供首页、作品集、博客、商店、团队等多个完整页面。内置 Swiper 轮播、GSAP 动画、自定义光标等交互效果，适合快速搭建代理或设计工作室网站。 ## 技术栈 - 静态 HTML5 / CSS3 - JavaScript（原生 + jQuery） - Swiper（轮播） - GSAP（动画） - Font Awesome 6（图标） ## 项目结构 ``` mokkohtml-10/ ├── documentation/ # 在线文档 │ ├── index.html │ └── assets/ │ ├── css/main.css │ └── js/main.js └── mokko-html/ # 模板主体 ├── index.html # 入口页 ├── about.html ├── blog.html ├── shop.html ├── contact.html └── assets/ ├── css/style.css └── js/main.js ``` ## 核心文件说明 - `mokko-html/index.html` — 首页模板，集成轮播与导航 - `mokko-html/assets/css/style.css` — 主样式表，包含完整 CSS 变量系统 - `mokko-html/assets/js/main.js` — 交互逻辑，Swiper、GSAP、光标跟随等 - `documentation/index.html` — 模板使用文档入口 - `documentation/assets/css/main.css` — 文档页面样式 ## 快速开始 纯静态项目，直接在浏览器中打开 `mokko-html/index.html` 即可预览完整效果。若需本地服务器运行，可使用： ```bash # Python 3 python -m http.server 8080 # Node.js (npx) npx serve mokko-html ``` ## 使用建议 模板提供多种首页变体（`index.html`、`index-two.html` 等），建议根据业务场景选择对应文件作为入口再进行内容替换。