项目简介
这是一套基于 Bootstrap 4 的多页面企业网站模板，提供首页变体、博客、案例展示、商城、联系表单等完整功能模块，适合搭建航空或培训类企业网站。
技术栈
- Bootstrap 4.3.1
- Gulp 4.0.0（构建工具）
- Sass（CSS 预处理器）
- jQuery
- AOS（动画效果）、magnific-popup（灯箱）、slick-carousel（轮播）
- jQuery Nice Select（自定义下拉框）、jQuery nstSlider（范围滑块）
项目结构
text
HTML/
gulpfile.js
package.json
src/
index.html # 首页
index-02.html # 首页变体
index-03.html # 首页变体
about.html # 关于我们
blog.html # 博客列表
blog_post.html # 博客详情
cases.html # 案例列表
services.html # 服务列表
shop_catalog.html # 商品目录
shop_cart.html # 购物车
contact.html # 联系页面
faq.html # 常见问题
gallery_col.html # 画廊（网格）
gallery_masonry.html # 画廊（瀑布流）
pilot_training.html # 飞行员培训
platform.html # 平台介绍
external/
form/ # 表单处理（PHP）
nstslider/ # 范围滑块
slick-carousel/ # 轮播组件
Documentation/
doc.html
assets/ # 文档样式资源
核心文件说明
HTML/gulpfile.js— Gulp 构建配置，定义 Sass 编译、文件拼接、BrowserSync 等任务HTML/package.json— 项目依赖声明HTML/src/index.html— 主首页入口文件HTML/src/external/form/contact-form.php— 联系表单后端处理脚本HTML/src/external/jquery-nice-select/— 自定义下拉框插件HTML/src/external/nstslider/— 范围滑块插件
快速开始
bash
cd HTML
npm install
npx gulp
浏览器自动打开 http://localhost:3000。修改 src/ 目录下的文件后会自动刷新。
使用建议
- 模板包含三个首页变体，可直接替换或合并改造
- 商城、培训相关页面可作为垂直行业起点；联系表单依赖 PHP 环境，请确保服务器支持
