项目简介link

Nosei 是一款基于 Bootstrap 的 IT 解决方案与商业服务 HTML5 网站模板，包含首页、服务、项目、团队、博客、联系等完整页面，适合科技公司或数字 agency 建立企业官网。模板内置 Swiper 轮播、meanmenu 移动端导航、magnificPopup 图片/视频弹窗等交互组件。

技术栈link

• Bootstrap 5.x（响应式布局框架）
• Swiper（轮播与幻灯片）
• jQuery + jQuery 插件生态（meanmenu、nice-select、scrollUp、magnificPopup）
• Google Fonts（Inter、Rubik 字体）
• Font Awesome 5.x（图标库）

项目结构link

noseihtml-10/
├── documentation/          # 官方文档（Bootstrap 使用说明）
│   └── index.html
└── nosei/                  # 模板主目录
    ├── index.html          # 首页（6 种首页变体）
    ├── about.html          # 关于我们
    ├── service.html        # 服务列表
    ├── project.html        # 项目展示
    ├── team.html           # 团队成员
    ├── blog*.html          # 博客相关页面
    ├── contact.html        # 联系方式
    ├── error.html          # 404 错误页
    └── assets/
        ├── css/            # 样式文件（含 main.css 核心样式）
        └── js/             # 脚本文件（含 main.js 交互逻辑）

核心文件说明link

• nosei/index.html — 首页入口文件，包含 Banner、Services、Projects 等完整布局
• nosei/assets/css/main.css — 主样式表，定义全局排版、颜色变量、组件样式
• nosei/assets/js/main.js — 交互脚本，实现轮播、侧边栏、移动端菜单、滚动监控等功能
• nosei/assets/css/bootstrap.min.css — Bootstrap 基础框架样式
• documentation/index.html — 模板使用文档（页面结构、定制说明）

快速开始link

纯静态模板，无需构建。直接用浏览器打开 nosei/index.html，或部署到任意 Web 服务器（如 Nginx、Apache）或静态托管平台。

# 本地预览（若有 http-server）
npx http-server nosei -p 8080

使用建议link

• 定制时优先修改 main.css 中的 CSS 变量（如 --clr-theme-primary），可快速统一品牌色。
• 所有页面共享同一套 assets，新增页面只需复制现有 HTML 文件并调整内容区块。
• 移动端菜单由 meanmenu 控制，阈值在 main.js 中 meanScreenWidth 参数定义。