Nosei - 商业技术 IT 服务和 IT 公司 HTML 模板

# 项目简介 Nosei 是一款基于 Bootstrap 的 IT 解决方案与商业服务 HTML5 网站模板，包含首页、服务、项目、团队、博客、联系等完整页面，适合科技公司或数字 agency 建立企业官网。模板内置 Swiper 轮播、meanmenu 移动端导航、magnificPopup 图片/视频弹窗等交互组件。 ## 技术栈 - Bootstrap 5.x（响应式布局框架） - Swiper（轮播与幻灯片） - jQuery + jQuery 插件生态（meanmenu、nice-select、scrollUp、magnificPopup） - Google Fonts（Inter、Rubik 字体） - Font Awesome 5.x（图标库） ## 项目结构 ``` 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 交互逻辑） ``` ## 核心文件说明 - `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` — 模板使用文档（页面结构、定制说明） ## 快速开始 纯静态模板，无需构建。直接用浏览器打开 `nosei/index.html`，或部署到任意 Web 服务器（如 Nginx、Apache）或静态托管平台。 ```bash # 本地预览（若有 http-server） npx http-server nosei -p 8080 ``` ## 使用建议 - 定制时优先修改 `main.css` 中的 CSS 变量（如 `--clr-theme-primary`），可快速统一品牌色。 - 所有页面共享同一套 `assets`，新增页面只需复制现有 HTML 文件并调整内容区块。 - 移动端菜单由 meanmenu 控制，阈值在 `main.js` 中 `meanScreenWidth` 参数定义。