项目简介link

Mokko 是一款面向创意机构和作品集展示的静态 HTML 模板，提供首页、作品集、博客、商店、团队等多个完整页面。内置 Swiper 轮播、GSAP 动画、自定义光标等交互效果，适合快速搭建代理或设计工作室网站。

技术栈link

• 静态 HTML5 / CSS3
• JavaScript（原生 + jQuery）
• Swiper（轮播）
• GSAP（动画）
• Font Awesome 6（图标）

项目结构link

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

核心文件说明link

• 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 — 文档页面样式

快速开始link

纯静态项目，直接在浏览器中打开 mokko-html/index.html 即可预览完整效果。若需本地服务器运行，可使用：

# Python 3
python -m http.server 8080

# Node.js (npx)
npx serve mokko-html

使用建议link

模板提供多种首页变体（index.html、index-two.html 等），建议根据业务场景选择对应文件作为入口再进行内容替换。