Xappox - Application Landing Page preview 1

Xappox - Application Landing Page

bookmark

xappox is a responsive single-page landing page template designed for mobile app showcases. Built with the Bootstrap framework, it includes a built-in contact form email sending feature (PHPMailer). Suitable for app product launch pages,...

HTML

Project Overview

xappox is a responsive single-page landing page template designed for mobile app showcases. Built with the Bootstrap framework, it includes a built-in contact form email sending feature (PHPMailer). Suitable for app product launch pages, feature introductions, and similar scenarios.

Tech Stack

  • Bootstrap 2.x (responsive layout)
  • jQuery (interactions and animations)
  • PHPMailer (contact form email sending)
  • Roboto custom font
  • Google Code Prettify (code highlighting)

Project Structure

text
xappox/
  index.html            # Homepage
  index-s2.html         # Variant page
  index-s3.html         # Variant page
  blog.html             # Blog list page
  blog-single.html      # Blog detail page
  css/style.css         # Main stylesheet
  PHPMailer-master/     # Email sending library
Documentation/
  index.html            # Template documentation page

Core File Descriptions

  • xappox/index.html — Main app showcase page, including Banner, features, pricing, and other sections
  • xappox/css/style.css — Complete style definitions covering fonts, typography, animations, etc.
  • xappox/PHPMailer-master/ — PHP email sending library supporting SMTP/Gmail and other methods
  • xappox/PHPMailer-master/examples/ — Email sending code examples
  • Documentation/index.html — Template usage documentation, including HTML structure and component descriptions
  • xappox/blog.html — Blog list page template

Quick Start

  1. Open xappox/index.html directly in a browser to preview the homepage
  2. The contact form requires a PHP environment. Deploy PHPMailer-master to a server, then modify the sender email configuration in examples/contactform.phps
  3. Change the theme colors by modifying style variables in css/style.css

Usage Tips

The template includes built-in Mailchimp integration and PHPMailer support. If using Gmail SMTP for sending emails, enable an app-specific password. The responsive breakpoints are based on Bootstrap 2.x; if upgrading, it's recommended to update to Bootstrap 4+ simultaneously.

help_outline

FAQ