Ailng - 2 合一数字营销机构模板 preview 1

Ailng - 2 合一数字营销机构模板

bookmark

Ailng 是一套创意咨询与商业机构 HTML 模板，包含首页、关于、博客、服务、作品、团队、联系等完整页面。模板采用响应式设计，配备视差滚动、波纹动画、锚点导航等交互效果，适合建站公司或个人快速搭建商务官网。

HTMLagencyagency templatedigital agencydigital agency html for startupdigital agency it firmdigital marketing agencyonline marketing digital agency

项目简介

Ailng 是一套创意咨询与商业机构 HTML 模板，包含首页、关于、博客、服务、作品、团队、联系等完整页面。模板采用响应式设计，配备视差滚动、波纹动画、锚点导航等交互效果，适合建站公司或个人快速搭建商务官网。

技术栈

  • HTML5 + CSS3（静态站点）
  • jQuery（核心交互框架）
  • Bootstrap（栅格与基础组件）
  • bsnav（导航系统）
  • SCSS（源码样式）
  • Slick Slider（轮播）、Parallaxie（视差）、Wavify（波浪动画）

项目结构

text
ailnghtml-10/
├── ailng html/
│   └── ailng/
│       ├── index.html          # 首页
│       ├── about.html          # 关于
│       ├── blog.html           # 博客列表
│       ├── contact.html        # 联系（含表单）
│       ├── service.html        # 服务
│       ├── work.html           # 作品集
│       ├── team.html           # 团队
│       ├── 404.html
│       ├── style.css           # 编译后主样式
│       ├── scss/                # SCSS 源码
│       └── assets/             # 图片、字体等资源
│   └── documentation/          # 官方说明文档
└── ailng-next/                 # 文档模板（含独立 CSS/JS/SCSS）

核心文件说明

  • ailng html/ailng/index.html — 首页，演示模板主体布局与动画效果
  • ailng html/ailng/style.css — 主样式表，定义配色、字体、响应式断点
  • ailng html/ailng/scss/ — SCSS 源码目录，便于二次定制修改
  • ailng html/ailng/php/contact.php — 联系表单后端处理脚本
  • ailng-next/documentation/css/style.css — 文档站点样式（独立模板）

快速开始

本项目为纯静态模板，无需安装依赖：

  1. 直接用浏览器打开 ailng html/ailng/index.html 即可预览
  2. 若需修改 SCSS，需配置 SCSS 编译器（如 VS Code 的 Easy Sass 插件）重新编译为 CSS
  3. 联系表单需将 php/contact.php 部署至支持 PHP 的服务器

使用建议

  • 定制前先通读 documentation/index.html 中的官方说明文档，了解各页面模块的对应关系
  • 样式修改变更优先修改 SCSS 源码而非直接改 style.css，便于后续维护升级
help_outline

常见问题