项目简介
Gopi 是一款面向高尔夫球场和体育俱乐部的静态 HTML5 网站模板，采用现代响应式设计，内置首页变体、商品展示、博客、活动、团队介绍等多种页面，适合快速搭建俱乐部官网或活动站点。
技术栈
- HTML5 + CSS3（静态页面）
- Bootstrap 5（布局与组件）
- Slick Slider（轮播）
- Magnific Popup（图片灯箱）
- AOS（滚动动画）
- Bootstrap Icons（图标库）
- Google Fonts / Satoshi（字体）
项目结构
text
gopihtml-10/
├── gopi-html-pack/
│ ├── documentation/
│ │ └── index.html ← 模板使用文档
│ └── gopi/ ← 生产环境页面目录
│ ├── assets/ ← CSS、JS、图片等静态资源
│ ├── index.html ← 首页（主）
│ ├── index-2~5.html ← 首页变体
│ ├── about.html ← 关于我们
│ ├── blog-*.html ← 博客列表/详情页
│ ├── cart.html ← 购物车
│ ├── checkout.html ← 结账
│ ├── contact.html ← 联系方式
│ ├── course-*.html ← 球场详情
│ ├── events.html ← 活动列表
│ ├── services*.html ← 服务页
│ ├── shop*.html ← 商品列表/详情
│ ├── team*.html ← 团队介绍
│ └── ...
核心文件说明
gopi/index.html— 主首页，包含全屏搜索、购物车侧栏、页脚等完整布局gopi/assets/css/main.css— 主题主样式文件gopi/assets/css/bootstrap.min.css— Bootstrap 基础样式gopi/blog-classic.html— 博客经典布局页面gopi/shop.html— 商品列表展示页documentation/index.html— 官方模板文档（包含页面说明与定制指引）
快速开始
- 直接在浏览器打开
gopi-html-pack/gopi/index.html即可预览； - 若需本地服务，可使用任意静态服务器，例如：
bash
npx serve gopi-html-pack/gopi
使用建议
- 该模板为纯静态页面，无需构建工具，直接修改 HTML 和 CSS 即可定制内容；
- 模板内含 5 个首页变体，可根据实际需求选择或组合使用；
- 部署时将
gopi目录下的所有文件上传至 Web 服务器即可。
