项目简介link

Delvy 是一款基于 Bootstrap 的响应式多用途着陆页模板，适合 App 推广、企业官网或代理机构展示。提供了 9 种不同风格的首页变体，可直接替换内容使用。

技术栈link

• Bootstrap 4.x（核心框架）
• jQuery（DOM 操作与交互）
• Swiper、Owl Carousel（轮播组件）
• Magnific Popup（图片灯箱）
• Typed.js（打字机效果）
• Flexslider（幻灯片）
• mb_YTPlayer（视频背景）
• SCSS（源码样式）

项目结构link

delvyhtml-110/Delvy_HTML_v1.1.0/
├── Documentation/          # 官方文档
│   └── index.html
└── HTML/
    ├── index-1.html ~ index-9.html   # 9 种首页变体
    ├── css/
    │   ├── bootstrap.min.css
    │   └── style.css                  # 主样式文件
    ├── js/
    │   ├── jquery.js
    │   └── app.js                     # 所有交互逻辑
    ├── scss/                          # SCSS 源码
    ├── fonts/
    └── images/

核心文件说明link

• HTML/index-*.html — 共 9 个首页变体，选择其一进行修改
• HTML/css/style.css — 主样式表，定义所有页面元素外观
• HTML/js/app.js — 包含导航滚动、轮播、灯箱、打字效果等所有交互
• HTML/scss/ — SCSS 源文件，支持深度定制
• Documentation/index.html — 官方文档，包含插件引用说明

快速开始link

由于是纯静态模板，无需安装依赖：

1. 进入 Delvy_HTML_v1.1.0/HTML/ 目录
2. 打开 index-1.html 或其他变体文件到浏览器即可预览
3. 修改 index-*.html 中的文字、图片路径进行内容替换
4. 编辑 css/style.css 或 scss/ 源码调整样式

使用建议link

• 替换 images/ 目录下的图片时注意保持文件名一致，或同步修改 CSS 中的引用路径
• 交互效果（如滚动动画、视频背景）依赖 jQuery 插件，确保 app.js 在页面底部加载