
Zodkoo v3.0.0 - Bootstrap Landing Page Template
categoryUI 组件
# 项目简介
Zodkoo 是一款基于 Bootstrap 5 的响应式单页着陆页模板,适用于展示 App、产品或商业服务。提供了 6 种首页变体(index.html ~ index_6.html),以及 About Us、Contact、FAQ、Jobs 等辅助页面,代码结构清晰,便于二次开发。
## 技术栈
- Bootstrap 5.3.0(CSS + JS)
- jQuery(用于侧边栏导航滚动动画)
- Google Fonts(Source Sans Pro)
- 静态 HTML/CSS/JS
## 项目结构
```
Zodkoo_v3.0.0/
├── Documentation/
│ ├── index.html # 模板使用文档
│ ├── html_str.html # HTML 结构说明页
│ ├── css/ # 文档样式
│ ├── fonts/ # 文档字体
│ └── js/ # jQuery 滚动脚本
└── Landing/
└── Bootstrap-5/
├── index.html # 首页(第 1 种布局)
├── index_2.html # 首页(第 2 种布局)
├── index_3.html # 首页(第 3 种布局)
├── index_4.html # 首页(第 4 种布局)
├── index_5.html # 首页(第 5 种布局)
├── index_6.html # 首页(第 6 种布局)
├── about-us.html
├── contact.html
├── faq.html
└── jobs.html
```
## 核心文件说明
- `Landing/Bootstrap-5/index.html` — 主着陆页入口,包含导航、Hero 区和 Features 等区块
- `Landing/Bootstrap-5/about-us.html` — 关于我们页面
- `Landing/Bootstrap-5/contact.html` — 联系页面
- `Landing/Bootstrap-5/faq.html` — 常见问题页面
- `Landing/Bootstrap-5/jobs.html` — 职位列表页面
- `Documentation/index.html` — 模板官方文档(包含结构说明和插件引用列表)
## 快速开始
直接用浏览器打开 `Landing/Bootstrap-5/index.html` 即可预览。6 种首页变体可按需替换使用。
## 使用建议
如需修改配色,可替换 `css/colors/default.css`;模板内置了 Dropdown 多级导航和 sticky 导航,如需自定义交互请查阅 `Documentation/index.html` 中的插件说明部分。
help_outline
FAQ
Comments0
PublishedDec 7, 2025
Tech Stack
HTML
Tags
agencybootstrapbootstrap 5businesscreativeflatlandingmarketingmultipurposeproduct landingresponsivestartup