Project Overviewlink

Invena is a documentation page for business consulting HTML templates, providing template configuration navigation, search filtering, anchor jumping, and other features. It is suitable for use as an online documentation page for frontend templates.

Tech Stacklink

• HTML5 + CSS3 (CSS Variables, Responsive Media Queries)
• Bootstrap 4 (CSS Framework)
• jQuery (Interaction Logic)
• Font Awesome 5 (Icon Library)
• Google Fonts (Roboto / Nunito / Teko Fonts)

Project Structurelink

invenahtml-10/
└── documentation/
    ├── index.html          # Documentation main entry page
    └── assets/
        ├── css/
        │   ├── main.css    # Core styles (responsive, utility classes)
        │   └── fontawesome-all.min.css
        ├── js/
        │   ├── main.js     # Interaction logic (smooth scroll, search, navigation)
        │   ├── bundle.min.js
        │   └── ie.js       # IE compatibility placeholder
        ├── images/         # Logo, banner, favicon, etc.
        └── fonts/

Core File Descriptionlink

• documentation/index.html — Main documentation page structure, including navigation, search box, and content sections
• documentation/assets/css/main.css — Main stylesheet defining color variables, spacing utility classes, and responsive breakpoints
• documentation/assets/js/main.js — Implements sidebar smooth scrolling, search filtering, back-to-top, and sticky navigation functionality
• documentation/assets/css/fontawesome-all.min.css — Font Awesome icon library styles
• documentation/assets/images/ — Image resources used by the documentation site, including logo, banner, favicon, etc.

Quick Startlink

Pure static project, no dependencies to install:

1. Unzip invena-main.zip and locate the documentation folder
2. Open documentation/index.html directly in your browser
3. Or access it via any local server (e.g., npx serve documentation)

Usage Suggestionslink

Suitable for creating online documentation for HTML templates. If deploying to a production environment, it is recommended to replace all resource paths with relative paths or CDN links, and clean up the commented code in ie.js.