Gopi - 高尔夫俱乐部和球场 HTML 模板

# 项目简介 Gopi 是一款面向高尔夫球场和体育俱乐部的静态 HTML5 网站模板，采用现代响应式设计，内置首页变体、商品展示、博客、活动、团队介绍等多种页面，适合快速搭建俱乐部官网或活动站点。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（布局与组件） - Slick Slider（轮播） - Magnific Popup（图片灯箱） - AOS（滚动动画） - Bootstrap Icons（图标库） - Google Fonts / Satoshi（字体） ## 项目结构 ``` 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` — 官方模板文档（包含页面说明与定制指引） ## 快速开始 1. 直接在浏览器打开 `gopi-html-pack/gopi/index.html` 即可预览； 2. 若需本地服务，可使用任意静态服务器，例如： ```bash npx serve gopi-html-pack/gopi ``` ## 使用建议 - 该模板为纯静态页面，无需构建工具，直接修改 HTML 和 CSS 即可定制内容； - 模板内含 5 个首页变体，可根据实际需求选择或组合使用； - 部署时将 `gopi` 目录下的所有文件上传至 Web 服务器即可。