Geralt AI - AI Image Generator One Page HTML Template

# 项目简介 Geralt AI 是一个静态 HTML 模板，用于搭建 AI 图片/视频生成器的产品展示页面。包含首页（图片模式和视频模式各一套）以及配套的登录注册表单页面，适合快速原型开发或静态产品站点。 ## 技术栈 - HTML5 / CSS3 - Bootstrap 5（响应式布局） - jQuery（DOM 操作） - GSAP + ScrollMagic（动画效果） - Slick Slider（轮播组件） ## 项目结构 ``` aiimagegenhtml-10/ ├── Documentation/ # 模板使用文档 │ ├── index.html │ ├── header.html │ ├── component.html │ ├── features.html │ ├── slider-type.html │ ├── page-element.html │ └── credit.html └── Online AI Image Generator HTML Template - Geralt AI/ ├── image/ │ ├── index.html # 图片生成器首页 │ └── form.html # 登录/注册表单 └── video/ ├── index.html # 视频生成器首页 └── form.html # 登录/注册表单 ``` ## 核心文件说明 - `image/index.html` — 图片生成器主页，含文字转图片输入框、风格下拉选择及示例展示 - `video/index.html` — 视频生成器主页，布局与图片版相同，首图区域改为视频 - `image/form.html` — 登录注册表单，左侧轮播图背景、右侧表单切换 - `video/form.html` — 视频版表单，与图片版结构一致 - `Documentation/index.html` — 模板完整使用文档入口 - `assets/css/style.css` — 主样式文件 ## 快速开始 直接用浏览器打开以下文件即可预览： - `image/index.html` — 图片生成器页面 - `video/index.html` — 视频生成器页面 ## 使用建议 - 模板为纯静态展示页，实际的 AI 生成功能需自行对接后端 API - 表单页面仅做 UI 展示，提交逻辑需自行实现