Project Overviewlink

Gopi is a static HTML5 website template designed for golf courses and sports clubs, featuring a modern responsive design. It includes homepage variations, product showcases, blogs, events, team introductions, and various other pages, making it suitable for quickly building club websites or event sites.

Tech Stacklink

• HTML5 + CSS3 (static pages)
• Bootstrap 5 (layout and components)
• Slick Slider (carousel)
• Magnific Popup (image lightbox)
• AOS (scroll animations)
• Bootstrap Icons (icon library)
• Google Fonts / Satoshi (typography)

Project Structurelink

gopihtml-10/
├── gopi-html-pack/
│   ├── documentation/
│   │   └── index.html          ← Template usage documentation
│   └── gopi/                   ← Production page directory
│       ├── assets/             ← Static resources (CSS, JS, images)
│       ├── index.html          ← Homepage (main)
│       ├── index-2~5.html      ← Homepage variations
│       ├── about.html          ← About Us
│       ├── blog-*.html         ← Blog list/detail pages
│       ├── cart.html           ← Shopping cart
│       ├── checkout.html       ← Checkout
│       ├── contact.html        ← Contact
│       ├── course-*.html       ← Course details
│       ├── events.html         ← Events list
│       ├── services*.html      ← Services page
│       ├── shop*.html          ← Product list/details
│       ├── team*.html          ← Team introduction
│       └── ...

Core Files Descriptionlink

• gopi/index.html — Main homepage with full-screen search, shopping cart sidebar, footer, and complete layout
• gopi/assets/css/main.css — Theme main stylesheet
• gopi/assets/css/bootstrap.min.css — Bootstrap base styles
• gopi/blog-classic.html — Blog classic layout page
• gopi/shop.html — Product listing page
• documentation/index.html — Official template documentation (includes page descriptions and customization guide)

Quick Startlink

1. Open gopi-html-pack/gopi/index.html directly in your browser to preview;
2. For a local server, use any static server, for example:

npx serve gopi-html-pack/gopi

Usage Tipslink

• This template consists of pure static pages, no build tools required — customize content by directly editing HTML and CSS;
• The template includes 5 homepage variations, which can be selected or combined based on actual needs;
• For deployment, upload all files from the gopi directory to your web server.