Appal - Advanced Multipurpose Tech Startup Website Template

# 项目简介 Appal 是一套基于 Bootstrap 4 的 HTML5/CSS3 多页面模板，专为移动应用落地页、SaaS 产品展示及企业官网设计。提供了 12 种首页变体，并附带博客、关于、团队、定价、联系等完整内页，适合快速搭建商业级产品站点。 ## 技术栈 - Bootstrap 4（响应式布局框架） - Static HTML / CSS / SCSS - jQuery - Owl Carousel（轮播组件） - Google Fonts（Roboto 字体） - PHP（contact_form.php 表单处理） ## 项目结构 ``` appalhtml-10/ ├── appal-documentation/ # 在线文档 │ ├── index.html │ └── assets/css/styles.css ├── appal-main/ # 模板主体 │ ├── index-*.html # 12 种首页变体 │ ├── about.html # 关于页 │ ├── blog*.html # 博客列表/详情 │ ├── contact.html # 联系页 │ ├── pricing.html # 定价页 │ ├── team.html # 团队页 │ ├── testimonial.html # 用户评价 │ ├── register.html # 注册/登录 │ └── assets/ │ ├── css/ # 样式文件 │ └── scss/ # SCSS 源文件 ``` ## 核心文件说明 - `appal-main/index-1.html` — 首页变体一，经典移动应用展示布局 - `appal-main/contact.html` — 联系页面，附带表单入口 - `appal-main/contact_form.php` — PHP 邮件表单处理器 - `appal-main/assets/css/style.css` — 主样式表，含所有页面样式 - `appal-main/assets/scss/` — SCSS 源文件目录，便于定制主题变量 - `appal-documentation/index.html` — 模板官方文档页面 ## 快速开始 本模板为纯静态站点，无需构建工具： 1. 直接在浏览器中打开 `appal-main/index-1.html` 预览首页； 2. 如需 PHP 表单功能，请将 `appal-main/` 目录部署至支持 PHP 的 Web 服务器（如 XAMPP/Nginx），并修改 `contact_form.php` 中的收件邮箱地址。 ## 使用建议 - 优先通过修改 `assets/scss/_variable.css` 中的变量来调整主题色和字体，保持样式一致性； - 12 种首页风格差异较大，建议根据实际产品类型选择对应变体，再进行内容替换和定制。