项目简介
Softgen 是一套面向软件与科技公司的 HTML5 多页面模板，由 ThemeEaster 开发。包含首页、案例、博客、团队等多个完整页面，配有联系表单和 Mailchimp 订阅的 PHP 后端脚本，适合快速搭建企业官网或产品展示站点。
技术栈
- HTML5 + CSS3（主样式 + 公共样式）
- Bootstrap 5（响应式布局框架）
- Vanilla JavaScript（交互动画、侧边栏等）
- PHP（联系表单、团队表单提交；Mailchimp 订阅接口）
项目结构
text
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 更换为真实密钥，否则表单功能无法正常运作。
