Project Overview
Ailng is a creative consulting and business agency HTML template, featuring complete pages including Home, About, Blog, Services, Works, Team, and Contact. The template is responsive and incorporates interactive effects such as parallax scrolling, wave animations, and anchor navigation, making it suitable for web design companies or individuals to quickly build a business website.
Tech Stack
- HTML5 + CSS3 (static site)
- jQuery (core interaction framework)
- Bootstrap (grid system and basic components)
- bsnav (navigation system)
- SCSS (source styles)
- Slick Slider (carousel), Parallaxie (parallax), Wavify (wave animation)
Project Structure
ailnghtml-10/
├── ailng html/
│ └── ailng/
│ ├── index.html # Homepage
│ ├── about.html # About
│ ├── blog.html # Blog list
│ ├── contact.html # Contact (with form)
│ ├── service.html # Services
│ ├── work.html # Portfolio
│ ├── team.html # Team
│ ├── 404.html
│ ├── style.css # Compiled main stylesheet
│ ├── scss/ # SCSS source files
│ └── assets/ # Images, fonts, and other resources
│ └── documentation/ # Official documentation
└── ailng-next/ # Documentation template (with standalone CSS/JS/SCSS)
Key Files
ailng html/ailng/index.html— Homepage, demonstrating the template's main layout and animationsailng html/ailng/style.css— Main stylesheet defining colors, fonts, and responsive breakpointsailng html/ailng/scss/— SCSS source directory for easy customizationailng html/ailng/php/contact.php— Backend contact form processing scriptailng-next/documentation/css/style.css— Documentation site styles (standalone template)
Quick Start
This is a pure static template with no dependencies required:
- Open
ailng html/ailng/index.htmldirectly in a browser to preview - To modify SCSS, configure a SCSS compiler (e.g., Easy Sass plugin for VS Code) to recompile to CSS
- For the contact form, deploy
php/contact.phpto a PHP-enabled server
Usage Recommendations
- Before customization, read the official documentation in
documentation/index.htmlto understand the relationship between page modules - Prefer modifying SCSS source files over directly editing style.css for easier maintenance and future upgrades
