AIForge - 多用途 AI SAAS 启动 HTML 模板 preview 1

AIForge - 多用途 AI SAAS 启动 HTML 模板

bookmark

AIForge 是一款面向 AI 人工智能与科技初创公司的 HTML 单页/多页模板，采用深色主题设计，支持 Swiper 轮播、WOW 动画、视差滚动等交互效果，适用于 AI 产品官网、科技公司落地页或 SaaS 服务展示。模板提供 10+ 预制页面，无需构建工具即可直接使用。

HTML

项目简介

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）

项目结构

text
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

常见问题