Softgen - 软件和技术 HTML 模板

# 项目简介 Softgen 是一套面向软件与科技公司的 HTML5 多页面模板，由 ThemeEaster 开发。包含首页、案例、博客、团队等多个完整页面，配有联系表单和 Mailchimp 订阅的 PHP 后端脚本，适合快速搭建企业官网或产品展示站点。 ## 技术栈 - HTML5 + CSS3（主样式 + 公共样式） - Bootstrap 5（响应式布局框架） - Vanilla JavaScript（交互动画、侧边栏等） - PHP（联系表单、团队表单提交；Mailchimp 订阅接口） ## 项目结构 ``` softgenhtml-10/Master Files/ ├── Documentation/ # 模板使用文档 │ └── index.html └── html/ # 正式模板文件 ├── assets/ # 样式、脚本、图片等静态资源 ├── php/ │ ├── contact.php # 联系表单后端 │ ├── mailchimp-subscribe.php # 邮件订阅后端 │ └── team-contact.php # 团队表单后端 ├── index.html # 首页（营销初创） ├── index-2.html # 首页变体（App 推广） ├── index-3.html # 首页变体（软件 SaaS） ├── index-4.html # 首页变体（IT 解决方案） ├── about.html # 关于我们 ├── services.html # 服务列表 ├── service-details.html ├── projects.html # 项目案例 ├── project-details.html ├── blog-grid.html # 博客（网格） ├── blog-classic.html # 博客（经典） ├── blog-details.html ├── team.html # 团队成员 ├── team-details.html ├── pricing.html # 定价方案 ├── testimonial.html # 客户评价 ├── faqs.html # 常见问题 ├── contact.html # 联系我们 └── 404.html # 错误页面 ``` ## 核心文件说明 - `html/index.html` — 主首页入口，包含导航、Hero 区、服务、案例、团队等完整结构 - `html/assets/css/main.css` — 主题核心样式表，控制整体视觉呈现 - `html/php/contact.php` — 联系页表单处理，含姓名、邮箱、电话、留言字段校验与邮件发送 - `html/php/mailchimp-subscribe.php` — Mailchimp API 订阅接口封装 - `html/php/team-contact.php` — 团队详情页表单处理逻辑 - `Documentation/index.html` — 官方使用文档，含 HTML 结构、CSS 说明及 JS 介绍 ## 快速开始 ```bash # 方式一：直接浏览器打开 open softgenhtml-10/Master\ Files/html/index.html # 方式二：本地 HTTP 服务器（推荐，可正常测试表单跳转） cd softgenhtml-10/Master\ Files/html php -S localhost:8000 # 访问 http://localhost:8000 ``` ## 使用建议 部署前需将 `php/contact.php` 和 `php/team-contact.php` 中的收件邮箱 `contact@yourdomain.com` 替换为实际地址，并将 Mailchimp API Key 更换为真实密钥，否则表单功能无法正常运作。