项目简介link

Invena 是一款面向商业咨询类 HTML 模板的说明文档页面，提供模板配置导航、搜索过滤、锚点跳转等功能，适合用作前端模板的在线使用文档。

技术栈link

• HTML5 + CSS3（CSS Variables、响应式媒体查询）
• Bootstrap 4（CSS 框架）
• jQuery（交互逻辑）
• Font Awesome 5（图标库）
• Google Fonts（Roboto / Nunito / Teko 字体）

项目结构link

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/

核心文件说明link

• 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 等图片资源

快速开始link

纯静态项目，无需安装依赖：

1. 解压 invena-main.zip 找到 documentation 文件夹
2. 直接在浏览器中打开 documentation/index.html
3. 或通过任意本地服务器访问（如 npx serve documentation）

使用建议link

适用于为 HTML 模板制作在线说明文档；如需部署到正式环境，建议将所有资源路径替换为相对路径或 CDN，并清理 ie.js 中的注释代码。