Project Overviewlink

Pubzi is a static HTML template for the esports gaming industry, built on Bootstrap 5. It's suitable for gaming platforms, esports team websites, gaming media portals, and similar use cases. The template includes 7 homepage variations and complete inner pages (game details, tournaments, teams, news, pricing, FAQ, etc.), all fully responsive on mobile devices.

Tech Stacklink

• Bootstrap 5 — Responsive CSS framework
• jQuery 3.7.1 — DOM interaction
• GSAP + ScrollTrigger — High-performance animations and scroll-driven effects
• Swiper — Carousel and slider component
• MeanMenu — Mobile hamburger navigation
• NiceSelect — Enhanced select dropdown styling
• Magnific Popup — Image/video lightbox
• Wow.js — Scroll-triggered animations

Project Structurelink

pubzihtml-10/
└── Buyer files/
    ├── index.html              # Homepage (7 variants: index.html ~ index-7.html)
    ├── about.html
    ├── game.html / game-details.html
    ├── match.html / match-details.html
    ├── news*.html              # News list, detail, grid layout
    ├── team.html / team-details.html
    ├── pricing.html / faq.html
    ├── service*.html / contact.html
    ├── gallery.html / coming-soon.html / 404.html
    └── assets/
        ├── css/                # Compiled styles (main.css, etc.)
        ├── scss/              # SCSS source files
        ├── js/                # jQuery plugins and business logic
        └── img/               # Static image assets

Key Fileslink

• Buyer files/index.html — Main entry page with preloader, scroll navigation, fixed header, and other base structure
• Buyer files/assets/js/main.js — Core interaction logic: mobile nav initialization, carousel instantiation, parallax effects, custom cursor, counters, etc.
• Buyer files/assets/css/main.css — Complete theme styles including button components, layout, color variables, and responsive breakpoints
• Buyer files/assets/scss/ — SCSS source directory organized by modules (_buttons.scss, _hero.scss, _game.scss, etc.)
• Buyer files/game.html — Game list display page
• Buyer files/news.html — News and updates list page

Quick Startlink

This is a pure static template that requires no build tools to run:

1. Open Buyer files/index.html directly in your browser; or
2. Use a local server like VS Code Live Server or http-server to ensure all assets load properly.
3. If you need to modify SCSS, configure a Sass compiler to output the scss/ directory to corresponding files in css/.

Usage Tipslink

• Carousel components (Swiper), parallax effects (parallaxie), and GSAP animations are already implemented. Simply copy the relevant sections to reuse them without writing any custom JS.
• Mobile navigation relies on MeanMenu. To adjust breakpoints or menu structure, modify the $('#mobile-menu').meanmenu({ meanScreenWidth: "1199" }) configuration in main.js.