AIForge - 多用途 AI SAAS 启动 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） ## 项目结构 ``` 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` 正常加载后再初始化