Invena v1.0 - 商业咨询 HTML 模板

# 项目简介 Invena 是一款面向商业咨询类 HTML 模板的说明文档页面，提供模板配置导航、搜索过滤、锚点跳转等功能，适合用作前端模板的在线使用文档。 ## 技术栈 - HTML5 + CSS3（CSS Variables、响应式媒体查询） - Bootstrap 4（CSS 框架） - jQuery（交互逻辑） - Font Awesome 5（图标库） - Google Fonts（Roboto / Nunito / Teko 字体） ## 项目结构 ``` invenahtml-10/ └── documentation/ ├── index.html # 文档主页入口 └── assets/ ├── css/ │ ├── main.css # 核心样式（含响应式、工具类） │ └── fontawesome-all.min.css ├── js/ │ ├── main.js # 交互逻辑（平滑滚动、搜索、导航） │ ├── bundle.min.js │ └── ie.js # IE 兼容占位 ├── images/ # logo、banner、favicon 等 └── fonts/ ``` ## 核心文件说明 - `documentation/index.html` — 文档页面主结构，含导航、搜索框、内容区块 - `documentation/assets/css/main.css` — 主样式表，定义颜色变量、间距工具类及响应式断点 - `documentation/assets/js/main.js` — 实现侧边栏平滑滚动、搜索过滤、回到顶部及 sticky 导航功能 - `documentation/assets/css/fontawesome-all.min.css` — Font Awesome 图标库样式 - `documentation/assets/images/` — 文档站使用的 logo、banner、favicon 等图片资源 ## 快速开始 纯静态项目，无需安装依赖： 1. 解压 `invena-main.zip` 找到 `documentation` 文件夹 2. 直接在浏览器中打开 `documentation/index.html` 3. 或通过任意本地服务器访问（如 `npx serve documentation`） ## 使用建议 适用于为 HTML 模板制作在线说明文档；如需部署到正式环境，建议将所有资源路径替换为相对路径或 CDN，并清理 `ie.js` 中的注释代码。