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
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 sectionsxappox/css/style.css— Complete style definitions covering fonts, typography, animations, etc.xappox/PHPMailer-master/— PHP email sending library supporting SMTP/Gmail and other methodsxappox/PHPMailer-master/examples/— Email sending code examplesDocumentation/index.html— Template usage documentation, including HTML structure and component descriptionsxappox/blog.html— Blog list page template
Quick Start
- Open
xappox/index.htmldirectly in a browser to preview the homepage - The contact form requires a PHP environment. Deploy
PHPMailer-masterto a server, then modify the sender email configuration inexamples/contactform.phps - 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.
