
AIForge - Multipurpose AI SaaS Startup HTML Template
categorySaaS
# 项目简介
AIForge 是一款面向 AI 人工智能与科技初创公司的 HTML 单页/多页模板,采用深色主题设计,支持 Swiper 轮播、WOW 动画、视差滚动等交互效果,适用于 AI 产品官网、科技公司落地页或 SaaS 服务展示。模板提供 10+ 预制页面,无需构建工具即可直接使用。
## 技术栈
- Bootstrap 5.x(栅格与基础组件)
- Swiper Slider(轮播与品牌滚动)
- jQuery + jQuery 插件(Magnific Popup、MeanMenu、Nice Select、CounterUp、WOW)
- 静态 HTML/CSS/JS(无需 Node.js)
## 项目结构
```
aiforgehtml-10/
├── main-file/ # 生产使用的模板文件
│ ├── index.html # 首页
│ ├── about.html # 关于我们
│ ├── service.html # 服务
│ ├── project.html # 项目案例
│ ├── pricing.html # 价格方案
│ ├── team.html # 团队成员
│ ├── news.html # 博客/新闻列表
│ ├── contact.html # 联系页面
│ ├── login.html # 登录
│ ├── register.html # 注册
│ ├── 404.html
│ └── assets/
│ ├── css/ # 所有样式文件(含 main.css、color.css)
│ └── img/ # 示例图片素材
└── documentation/ # 官方在线文档
└── index.html
```
## 核心文件说明
- `main-file/index.html` — 首页入口,包含 Hero 区域、轮播与 CTA 区块
- `main-file/assets/css/main.css` — 核心样式(含暗色主题变量与响应式断点)
- `main-file/assets/css/color.css` — 主题色配置(黄绿 + 靛蓝双色调)
- `main-file/assets/js/main.js` — 所有交互逻辑(Sticky Header、Swiper、CounterUp、WOW 初始化)
- `main-file/assets/css/bootstrap.min.css` — Bootstrap 5 基础框架
- `documentation/index.html` — 官方文档首页(仅供查阅模板结构参考)
## 快速开始
本项目为纯静态模板,无需安装依赖:
1. 直接在浏览器打开 `main-file/index.html`,或
2. 使用任意本地服务器(如 `python -m http.server`)访问以确保所有资源正常加载
如需自定义颜色,修改 `assets/css/color.css` 中的 CSS 变量即可全局换色。
## 使用建议
- 所有图片占位符在 `/main-file/assets/img/` 目录中,正式上线前需替换为实际素材
- `main.css` 使用了 `@import` 引入 Google Fonts(Satoshi、Marcellus),确保部署环境可访问 Google Fonts
- 移动端菜单基于 MeanMenu,需确保 `jquery.meanmenu.js` 正常加载后再初始化
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML