Manit - IT Solutions & Technology HTML Template

# 项目简介 Manit 是一款面向 IT 科技公司的静态 HTML 网站模板，基于 Bootstrap 5 构建，提供首页、关于、服务、作品集、博客等完整页面模板，适合快速搭建企业官网或技术型产品展示页面。 ## 技术栈 - Bootstrap 5.0.1 - HTML5 + CSS3 - SASS - JavaScript (jQuery) - Google Fonts (Open Sans) - Font Awesome 图标库 ## 项目结构 ``` 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/ ``` ## 核心文件说明 - `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` — 文档站点的独立样式 ## 快速开始 1. 解压模板包，进入 `manithtml-10/downloadable/manit-html/` 目录 2. 双击 `index.html` 在浏览器中预览，或上传整个目录到服务器 3. 修改 `assets/sass/style.scss` 可自定义主题变量，使用 SASS 编译器重新编译 ## 使用建议 模板采用多页面架构（约 20 个 HTML 文件），若用于 WordPress 或其他 CMS 需自行拆分重构为模板部件。建议在正式部署前检查所有外部资源（Google Fonts、Font Awesome）的可访问性。