Nitro – Football Club and Sports HTML Template

# 项目简介 Nitro 是一款多用途体育运动 HTML 模板，适合搭建体育俱乐部、赛事网站或运动团队展示页面。模板包含首页、新闻、团队、票务、赞助商等完整页面模板，基于 Bootstrap 5 框架，支持响应式布局与动画效果。 ## 技术栈 - HTML5 / CSS3（原生 + SCSS） - Bootstrap 5.3 - jQuery - GSAP（动画引擎） - Swiper Slider - MeanMenu（移动端导航） ## 项目结构 ``` nitrohtml-10/ ├── Main files/ # 模板主体文件 │ ├── index.html # 首页 │ ├── about.html # 关于 │ ├── team.html # 团队列表 │ ├── team-details.html # 团队详情 │ ├── news.html # 新闻列表 │ ├── news-grid.html # 网格新闻 │ ├── news-details.html # 新闻详情 │ ├── ticket.html # 票务 │ ├── club-ranking.html # 俱乐部排名 │ ├── contact.html # 联系页 │ ├── gallery.html # 相册 │ ├── sponsor.html # 赞助商 │ └── assets/ │ ├── css/main.css # 主样式 │ ├── js/main.js # 交互脚本 │ └── scss/ # SCSS 源文件 └── documentation/ # 官方文档页 ``` ## 核心文件说明 - `Main files/index.html` — 首页入口，包含 Hero 轮播、团队滑块等核心模块 - `Main files/assets/css/main.css` — 编译后的完整样式，主题色 #FE5900 - `Main files/assets/js/main.js` — 移动端导航、Sticky Header、计数器、滑块初始化等交互逻辑 - `Main files/assets/scss/` — SCSS 源文件目录，按模块划分（_hero.scss、_team.scss 等） - `Main files/contact.php` — 联系表单后端处理（需配置邮件服务） - `documentation/index.html` — 模板官方文档页面 ## 快速开始 1. 下载模板后直接打开 `nitrohtml-10/Main files/index.html` 即可预览全部页面 2. 如需本地开发服务器，可使用 VS Code Live Server 插件或执行： ```bash npx serve Main\ files ``` 3. 修改样式推荐在 `assets/scss/` 中调整后重新编译 ## 使用建议 模板使用了 `Chakra Petch` 和 `Big Shoulders` 两款 Google Fonts，部署前请确保网络可正常加载；`contact.php` 需配合服务器环境配置 SMTP 才能正常收发邮件。