Appal - 高级多用途技术初创公司网站模板 preview 1

Appal - 高级多用途技术初创公司网站模板

bookmark

Appal 是一套基于 Bootstrap 4 的 HTML5/CSS3 多页面模板，专为移动应用落地页、SaaS 产品展示及企业官网设计。提供了 12 种首页变体，并附带博客、关于、团队、定价、联系等完整内页，适合快速搭建商业级产品站点。

HTML

项目简介

Appal 是一套基于 Bootstrap 4 的 HTML5/CSS3 多页面模板，专为移动应用落地页、SaaS 产品展示及企业官网设计。提供了 12 种首页变体，并附带博客、关于、团队、定价、联系等完整内页，适合快速搭建商业级产品站点。

技术栈

  • Bootstrap 4（响应式布局框架）
  • Static HTML / CSS / SCSS
  • jQuery
  • Owl Carousel（轮播组件）
  • Google Fonts（Roboto 字体）
  • PHP（contact_form.php 表单处理）

项目结构

text
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 种首页风格差异较大，建议根据实际产品类型选择对应变体，再进行内容替换和定制。
help_outline

常见问题