项目简介link

Manit 是一款面向 IT 科技公司的静态 HTML 网站模板，基于 Bootstrap 5 构建，提供首页、关于、服务、作品集、博客等完整页面模板，适合快速搭建企业官网或技术型产品展示页面。

技术栈link

• Bootstrap 5.0.1
• HTML5 + CSS3
• SASS
• JavaScript (jQuery)
• Google Fonts (Open Sans)
• Font Awesome 图标库

项目结构link

manithtml-10/
├── downloadable/
│   ├── documentation/        # 模板使用文档
│   │   ├── index.html
│   │   ├── css/
│   │   ├── fonts/
│   │   └── images/
│   └── manit-html/           # 核心模板文件
│       ├── index.html
│       ├── index-2.html
│       ├── index-3.html
│       ├── about.html
│       ├── services.html
│       ├── services-single.html
│       ├── project.html
│       ├── project-single.html
│       ├── blog.html
│       ├── blog-left-sidebar.html
│       ├── blog-fullwidth.html
│       ├── contact.html
│       ├── 404.html
│       └── assets/
│           ├── css/
│           ├── js/
│           ├── sass/
│           └── images/

核心文件说明link

• manit-html/index.html — 首页入口，包含导航、轮播、服务介绍等完整布局
• manit-html/assets/sass/style.css — 主样式文件（SASS 编译产物），定义全局颜色、间距、排版
• manit-html/assets/css/ — 按功能模块拆分的样式表（animate、owl.carousel、nice-select 等）
• manit-html/assets/js/ — 交互脚本目录，包含 jQuery 插件及自定义逻辑
• documentation/index.html — 官方使用文档，说明模板结构、配置方式和部署步骤
• documentation/css/style.css — 文档站点的独立样式

快速开始link

1. 解压模板包，进入 manithtml-10/downloadable/manit-html/ 目录
2. 双击 index.html 在浏览器中预览，或上传整个目录到服务器
3. 修改 assets/sass/style.scss 可自定义主题变量，使用 SASS 编译器重新编译

使用建议link

模板采用多页面架构（约 20 个 HTML 文件），若用于 WordPress 或其他 CMS 需自行拆分重构为模板部件。建议在正式部署前检查所有外部资源（Google Fonts、Font Awesome）的可访问性。