Shifah - 一页应用程序登陆页面模板 preview 1

Shifah - 一页应用程序登陆页面模板

bookmark

Shifah 是一款基于 Bootstrap 的响应式 App 落地页模板,适用于移动应用的产品展示和推广。模板包含首页、功能介绍、截图展示、定价、下载和联系表单等完整页面区块,支持视差鼠标跟随、滚动动画等交互效果。

HTMLagencyappapp landingapp landing pagebusinessclean app landingcreative app landing page

项目简介

Shifah 是一款基于 Bootstrap 的响应式 App 落地页模板,适用于移动应用的产品展示和推广。模板包含首页、功能介绍、截图展示、定价、下载和联系表单等完整页面区块,支持视差鼠标跟随、滚动动画等交互效果。

技术栈

  • HTML5 / CSS3(静态页面)
  • Bootstrap 5
  • Font Awesome(图标)
  • Owl Carousel(轮播组件)
  • Google Fonts(Prata / David Libre)
  • Wow.js(滚动动画)
  • PHP(联系表单邮件发送)

项目结构

text
shifahhtml-10/
├── Template_file/
│   └── Shifah/
│       ├── index.html          # 主落地页
│       ├── sendmail.php        # 联系表单处理
│       └── assets/             # 样式、脚本、图片、字体
└── documentation/              # 官方文档(可选)
    └── index.html

核心文件说明

  • Template_file/Shifah/index.html — 主页面入口,包含所有区块内容
  • Template_file/Shifah/sendmail.php — 处理联系表单提交的 PHP 邮件脚本
  • assets/css/style.css — 主样式文件,含 16 个区块的样式定义
  • assets/css/animate.css — CSS3 滚动动画
  • assets/owlcarousel/ — 截图轮播组件 CSS
  • documentation/ — 官方模板文档,供二次开发参考

快速开始

  1. Template_file/Shifah 目录部署到 Web 服务器
  2. 修改 index.html 中的 Logo、图片、文字内容
  3. 联系表单需配置服务器 PHP 环境,并将 sendmail.php$to 改为实际邮箱地址
  4. 直接在浏览器打开 index.html 即可预览(或通过本地服务器访问)

使用建议

该模板适合快速搭建 App 推广落地页。建议上线前替换所有占位图片和示例文案,并将 sendmail.php 部署到支持 PHP 的主机以确保联系表单正常工作。

help_outline

常见问题