
Delvy v1.1.0 - Responsive Landing Page Template
category移动应用
# 项目简介
Delvy 是一款基于 Bootstrap 的响应式多用途着陆页模板,适合 App 推广、企业官网或代理机构展示。提供了 9 种不同风格的首页变体,可直接替换内容使用。
## 技术栈
- Bootstrap 4.x(核心框架)
- jQuery(DOM 操作与交互)
- Swiper、Owl Carousel(轮播组件)
- Magnific Popup(图片灯箱)
- Typed.js(打字机效果)
- Flexslider(幻灯片)
- mb_YTPlayer(视频背景)
- SCSS(源码样式)
## 项目结构
```
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/
```
## 核心文件说明
- `HTML/index-*.html` — 共 9 个首页变体,选择其一进行修改
- `HTML/css/style.css` — 主样式表,定义所有页面元素外观
- `HTML/js/app.js` — 包含导航滚动、轮播、灯箱、打字效果等所有交互
- `HTML/scss/` — SCSS 源文件,支持深度定制
- `Documentation/index.html` — 官方文档,包含插件引用说明
## 快速开始
由于是纯静态模板,无需安装依赖:
1. 进入 `Delvy_HTML_v1.1.0/HTML/` 目录
2. 打开 `index-1.html` 或其他变体文件到浏览器即可预览
3. 修改 `index-*.html` 中的文字、图片路径进行内容替换
4. 编辑 `css/style.css` 或 `scss/` 源码调整样式
## 使用建议
- 替换 `images/` 目录下的图片时注意保持文件名一致,或同步修改 CSS 中的引用路径
- 交互效果(如滚动动画、视频背景)依赖 jQuery 插件,确保 `app.js` 在页面底部加载
help_outline
FAQ
Comments0
PublishedDec 7, 2025
Tech Stack
HTML
Tags
agencybootstrapbusinesscorporatecreativelanding pagelaunchmarketingmultipurposeproduct launchresponsivestartupstartup landing pagestartup template