项目简介link

xappox 是一款面向移动应用展示的响应式单页 landing page 模板，采用 Bootstrap 框架构建，内置联系表单邮件发送功能（PHPMailer）。适合 App 产品上线页面、应用功能介绍等场景。

技术栈link

• Bootstrap 2.x（响应式布局）
• jQuery（交互与动画）
• PHPMailer（联系表单邮件发送）
• Roboto 自定义字体
• Google Code Prettify（代码高亮）

项目结构link

xappox/
  index.html            # 首页
  index-s2.html         # 变体页面
  index-s3.html         # 变体页面
  blog.html             # 博客列表页
  blog-single.html      # 博客详情页
  css/style.css         # 主样式表
  PHPMailer-master/     # 邮件发送库
Documentation/
  index.html            # 模板文档说明页

核心文件说明link

• xappox/index.html — 应用展示主页面，含 Banner、功能特性、定价等区块
• xappox/css/style.css — 完整样式定义，覆盖字体、排版、动画等
• xappox/PHPMailer-master/ — PHP 邮件发送库，支持 SMTP/gmail 等多种发送方式
• xappox/PHPMailer-master/examples/ — 邮件发送代码示例
• Documentation/index.html — 模板使用文档，含 HTML 结构、组件说明
• xappox/blog.html — 博客列表页面模板

快速开始link

1. 直接在浏览器中打开 xappox/index.html 即可预览首页效果
2. 联系表单需要配置 PHP 环境，将 PHPMailer-master 部署到服务器后修改 examples/contactform.phps 中的发件邮箱配置
3. 修改 css/style.css 中的样式变量即可更换主题配色

使用建议link

模板内置 Mailchimp 集成和 PHPMailer 支持，若使用 Gmail SMTP 发送邮件需开启应用专用密码；响应式断点基于 Bootstrap 2.x，如需升级建议同步更新至 Bootstrap 4+。