项目简介link

Corpai 是一款面向企业及金融行业的 HTML 模板，提供首页、About、Blog、服务组合等多类型页面，集成自定义图标字体与 Bootstrap 栅格，适合快速搭建商业咨询或财务服务类网站。

技术栈link

• Bootstrap 3/5（响应式布局框架）
• Font Awesome（图标库）
• IcoMoon 自定义图标字体（corpai-icons）
• jQuery（DOM 操作与交互）
• Google Fonts（Open Sans、Poppins、Mulish、Manrope、Play）

项目结构link

corpaihtml-10/corpai-html-package/
├── corpai-html-files/        # 模板主体页面
│   ├── index.html            # 首页
│   ├── about.html            # 关于我们
│   ├── blog.html              # 博客列表
│   ├── contact.html          # 联系页面
│   ├── services-v-1.html      # 服务页
│   └── assets/                # 公共资源（CSS/JS/图片）
└── corpai-html-documentations/
    ├── index.html            # 官方文档页面
    └── css/style.css         # 文档样式
corpaihtml-10/corpai-icons/    # 自定义图标字体包

核心文件说明link

• corpai-html-files/index.html — 网站首页入口，引入全部样式与脚本资源
• corpai-html-files/assets/css/corpai.css — 主题主样式表
• corpai-html-files/assets/vendors/corpai-icons/style.css — 自定义图标字体样式
• corpai-html-documentations/index.html — 模板官方文档，含 HTML/CSS/JS 结构说明
• corpai-icons/demo.html — 图标预览页面与使用指南

快速开始link

1. 在本地解压模板包
2. 直接用浏览器打开 corpai-html-files/index.html 即可预览
3. 若需修改页面内容，使用编辑器（如 VS Code）编辑对应 HTML 文件
4. 替换 assets/images/ 中的图片资源后刷新页面即可更新视觉效果

使用建议link

模板提供 RTL（从右到左）和 Boxed（居中boxed布局）变体页面，按需复制对应 HTML 文件进行二次开发；自定义图标可通过 IcoMoon 导入 selection.json 进行增删。