BOTS - 人工智能代理和技术 HTML 模板

# 项目简介 BOTS 是一个 AI 科技公司 / 代理机构的展示型静态网站模板，采用深色背景设计，集成 Swiper 轮播、GSAP 动画与 AOS 滚动动画，适合快速搭建 AI 相关企业的官网、作品集或服务介绍页面。 ## 技术栈 - Bootstrap 5（布局与组件） - jQuery（DOM 操作与交互） - Swiper（轮播与走马灯） - GSAP + ScrollTrigger（高级动画） - AOS（滚动淡入动画） - Manrope 字体（Google Fonts） ## 项目结构 ``` botsaihtml-10/bots-main/ ├── Documentation/ # 官方文档 └── bots/ ├── index.html # 首页入口 ├── about.html # 关于我们 ├── blog.html # 博客列表 ├── contact.html # 联系页面 ├── faq.html # FAQ ├── pricing.html # 定价页 ├── projects.html # 案例展示 ├── services.html # 服务列表 ├── team.html # 团队介绍 ├── css/ │ └── style.css # 主题主样式 ├── js/ │ └── main.js # 交互逻辑与动画配置 └── mail.php # 表单后端处理 ``` ## 核心文件说明 - `index.html` — 首页，包含 Hero 轮播、服务滑块与团队展示 - `css/style.css` — 全局样式定义，深色主题配色，Manrope 字体 - `js/main.js` — 导航、轮播初始化、滚动粘性、offcanvas 菜单等交互 - `mail.php` — 联系表单的后端邮件发送处理 - `news-mail.php` — 订阅新闻的后端处理 - `contact.html` — 联系页，含表单提交入口 ## 快速开始 直接用浏览器打开 `bots/index.html`，或通过本地服务器访问（如 Live Server、http-server 等），确保 `mail.php` / `news-mail.php` 可在 PHP 环境下正常执行。 ## 使用建议 - 部署前需将 `mail.php` 中的收件邮箱改为实际地址 - 模板内所有占位图片与文字需替换为真实内容后再上线