Project Overviewlink

Nitro is a versatile sports HTML template suitable for building sports club, event, or team showcase websites. The template includes complete page templates such as homepage, news, team, ticketing, sponsors, and more. Built on Bootstrap 5, it supports responsive layout and animation effects.

Tech Stacklink

• HTML5 / CSS3 (Native + SCSS)
• Bootstrap 5.3
• jQuery
• GSAP (Animation Engine)
• Swiper Slider
• MeanMenu (Mobile Navigation)

Project Structurelink

nitrohtml-10/
├── Main files/              # Template main files
│   ├── index.html            # Homepage
│   ├── about.html            # About
│   ├── team.html             # Team list
│   ├── team-details.html     # Team details
│   ├── news.html             # News list
│   ├── news-grid.html        # Grid news
│   ├── news-details.html     # News details
│   ├── ticket.html           # Ticketing
│   ├── club-ranking.html     # Club ranking
│   ├── contact.html          # Contact page
│   ├── gallery.html          # Gallery
│   ├── sponsor.html          # Sponsors
│   └── assets/
│       ├── css/main.css      # Main stylesheet
│       ├── js/main.js        # Interactive scripts
│       └── scss/             # SCSS source files
└── documentation/           # Official documentation page

Core File Descriptionlink

• Main files/index.html — Homepage entry, includes Hero carousel, team slider and other core modules
• Main files/assets/css/main.css — Compiled complete stylesheet, theme color #FE5900
• Main files/assets/js/main.js — Mobile navigation, Sticky Header, counter, slider initialization and other interactive logic
• Main files/assets/scss/ — SCSS source directory, organized by modules (_hero.scss, _team.scss, etc.)
• Main files/contact.php — Contact form backend processing (requires email service configuration)
• documentation/index.html — Template official documentation page

Quick Startlink

1. Download the template and open nitrohtml-10/Main files/index.html directly to preview all pages
2. For local development server, use VS Code Live Server plugin or run:
   bashcontent_copyCopy

   npx serve Main\ files
   

3. To modify styles, adjust files in assets/scss/ and recompile

Usage Tipslink

The template uses Chakra Petch and Big Shoulders Google Fonts. Ensure network access for proper loading before deployment; contact.php requires server environment with SMTP configuration to send and receive emails.