Appiyan - Application Login HTML 5 Template preview 1

Appiyan - Application Login HTML 5 Template

bookmark

APPIYAN is a versatile HTML5 App landing page template featuring 8 different homepage layouts, suitable for mobile apps, product showcases, pricing pages, and more. Built on Bootstrap, it provides complete frontend styles and interactive...

HTML

Project Overview

APPIYAN is a versatile HTML5 App landing page template featuring 8 different homepage layouts, suitable for mobile apps, product showcases, pricing pages, and more. Built on Bootstrap, it provides complete frontend styles and interactive components that can be used directly in projects or as design references.

Tech Stack

  • Bootstrap 4 (CSS Framework)
  • jQuery (DOM manipulation & interactions)
  • SCSS (Style source files)
  • Owl Carousel (Carousel component)
  • Wow.js (Animation effects)
  • Magnific Popup (Image lightbox)

Project Structure

text
appiyanhtml-10/appiyan-package/
├── appiyan-documentation/    # Template documentation
│   ├── index.html
│   ├── css/
│   └── img/
└── appiyan-html/            # Template main files
    ├── index.html           # 8 homepage preview entry
    ├── home1.html ~ home8.html  # 8 homepage variants
    ├── blog.html / single-blog.html
    ├── style.css            # Compiled main stylesheet
    ├── scss/                # SCSS source files
    │   ├── _theme.scss
    │   ├── _responsive.scss
    │   └── _mixin.scss
    └── assets/             # JS and other static resources

Core File Description

  • appiyan-html/index.html — Homepage preview collection, showcasing 8 layout entry points
  • appiyan-html/home1.html — Homepage variant 1, standard app landing page layout
  • appiyan-html/style.css — Main stylesheet, aggregating all page styles
  • appiyan-html/scss/style.scss — SCSS entry file for custom compilation
  • appiyan-html/scss/_responsive.scss — Responsive breakpoints and media query definitions
  • appiyan-documentation/index.html — Official usage documentation and instructions

Quick Start

  1. Download and extract the template package
  2. Navigate to the appiyan-html directory
  3. Double-click index.html to open in browser
  4. Click any "view demo" link to preview each homepage variant
  5. For custom styling, modify files in the scss directory and recompile

Usage Recommendations

The template integrates Bootstrap 4 and several popular plugins. It is recommended to base secondary development on home1.html. To adjust colors or themes, directly modify the variable definitions in scss/_theme.scss.

help_outline

FAQ