Appspery v1.3.0 - Bootstrap 5 App Landing Template preview 1

Appspery v1.3.0 - Bootstrap 5 App Landing Template

bookmark

Appspery is a mobile app landing page template built with Bootstrap 5, offering 6 homepage variations with dark/light theme switching, color picker, Swiper carousel, scroll animations (AOS), and contact form validation. Ideal for iOS/And...

HTMLappapp landingapp landing pageapp showcaseapp storeapp templateapp website

Project Overview

Appspery is a mobile app landing page template built with Bootstrap 5, offering 6 homepage variations with dark/light theme switching, color picker, Swiper carousel, scroll animations (AOS), and contact form validation. Ideal for iOS/Android app product pages, corporate websites, or portfolios.

Tech Stack

  • Bootstrap 5.3.3 (responsive layout framework)
  • Swiper.js (carousel component)
  • AOS - Animate On Scroll (scroll animations)
  • jQuery + jQuery Easing (DOM manipulation & smooth scrolling)
  • Google Fonts (Open Sans / Source Sans Pro)

Project Structure

text
Appspery_HTML_1.3.0/
├── HTML/
│   ├── index-1~6.html        # 6 homepage variations
│   ├── css/
│   │   ├── style.css         # Main stylesheet (includes SCSS)
│   │   └── *.min.css         # Minified plugin styles
│   ├── js/
│   │   └── app.js            # Interactive logic
│   ├── fonts/                # Icon fonts
│   └── images/               # Image assets
└── Documentation/            # Official documentation

Core File Description

  • HTML/index-1.html — Default landing page entry with complete sections including Hero, features, screenshots
  • HTML/css/style.css — Main stylesheet defining theme colors (#656fe0), navigation, responsive breakpoints
  • HTML/js/app.js — Interactive logic: navigation scroll highlighting, dark/light theme switching, Swiper initialization, form validation
  • HTML/index-*.html — 5 other homepage layout variations, replaceable as needed
  • HTML/css/aos.css — Page scroll fade-in animation styles

Quick Start

Pure static project, simply open the entry page in your browser:

text
HTML/index-1.html

For a local server (recommended), use:

bash
npx serve ./HTML
# or
python -m http.server 8080

Usage Tips

  • The 6 homepage variations cover typical app landing page scenarios like Hero images, Coverflow cards, and product screenshot galleries. Replace placeholder images in images/ to get started.
  • Dark theme is implemented via data-bs-theme="dark" and localStorage, defaulting to light mode on first load — no backend required.
  • The contact form relies on xhttp.post("php/contact.php"). If not using a PHP backend, replace it with a static form service (e.g., Formspree).
help_outline

FAQ