Noxia - Creative Multipurpose HTML Template

# 项目简介 Noxia 是一套基于 Bootstrap 的多用途企业展示 HTML 模板，提供 9 种首页风格，涵盖 About、Services、Portfolio、Shop、Blog、Team 等完整业务页面，适合快速搭建公司官网或作品集站点。 ## 技术栈 - Bootstrap 5（CSS 框架） - Swiper.js（轮播组件） - MeanMenu（移动端导航） - Nice Select（下拉选择增强） - Magnific Popup（图片灯箱） - Font Awesome 6 Pro（图标） - Google Fonts（Muli / glacial_indifference / Cambay / Manrope / Open Sans） - jQuery（DOM 交互） ## 项目结构 ``` noxiahtml-10/ ├── documentation/ # 模板使用文档 │ ├── index.html │ └── assets/ │ ├── css/ │ └── images/ └── noxia/ # 主模板目录 ├── index.html # 首页（9 种风格变体：index*.html） ├── about.html ├── blog.html ├── shop.html ├── portfolio.html ├── service.html ├── team.html ├── contact.html ├── cart.html ├── checkout.html └── assets/ ├── css/ # 样式文件（main.css 等） ├── js/ # 交互脚本（main.js） ├── fonts/ └── img/ ``` ## 核心文件说明 - `noxia/index.html` — 首页入口，支持切换 9 种布局风格 - `noxia/assets/css/main.css` — 主样式表，定义全局变量、主题色、组件样式 - `noxia/assets/js/main.js` — 核心交互逻辑：预加载动画、Sticky Header、Swiper 轮播、移动端菜单 - `noxia/assets/css/swiper-bundle.css` — Swiper 轮播插件样式 - `noxia/assets/css/bootstrap.css` — Bootstrap 5 基础框架样式 - `noxia/assets/css/meanmenu.css` — 响应式移动端导航样式 ## 快速开始 纯静态项目，无需构建： 1. 直接用浏览器打开 `noxia/index.html` 预览完整效果 2. 如需本地服务，可使用任意 HTTP 服务器： ```bash # Python python -m http.server 8080 # Node.js npx serve noxia ``` ## 使用建议 - 该模板为纯前端静态页面，表单提交依赖 `assets/mail.php`，部署时需配置后端接口 - 包含 9 种首页变体，可根据行业或品牌风格任选其一进行二次开发 - 移动端导航默认断点为 991px，通过 `#mobile-menu` 的 `meanScreenWidth` 参数可自行调整