
Quadron - 无人机无人机商业和摄像 HTML 模板
category企业官网
# 项目简介
这是一套基于 Bootstrap 4 的多页面企业网站模板,提供首页变体、博客、案例展示、商城、联系表单等完整功能模块,适合搭建航空或培训类企业网站。
## 技术栈
- Bootstrap 4.3.1
- Gulp 4.0.0(构建工具)
- Sass(CSS 预处理器)
- jQuery
- AOS(动画效果)、magnific-popup(灯箱)、slick-carousel(轮播)
- jQuery Nice Select(自定义下拉框)、jQuery nstSlider(范围滑块)
## 项目结构
```
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 环境,请确保服务器支持
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML