项目简介link

Zodkoo 是一款基于 Bootstrap 5 的响应式单页着陆页模板，适用于展示 App、产品或商业服务。提供了 6 种首页变体（index.html ~ index_6.html），以及 About Us、Contact、FAQ、Jobs 等辅助页面，代码结构清晰，便于二次开发。

技术栈link

• Bootstrap 5.3.0（CSS + JS）
• jQuery（用于侧边栏导航滚动动画）
• Google Fonts（Source Sans Pro）
• 静态 HTML/CSS/JS

项目结构link

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

核心文件说明link

• 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 — 模板官方文档（包含结构说明和插件引用列表）

快速开始link

直接用浏览器打开 Landing/Bootstrap-5/index.html 即可预览。6 种首页变体可按需替换使用。

使用建议link

如需修改配色，可替换 css/colors/default.css；模板内置了 Dropdown 多级导航和 sticky 导航，如需自定义交互请查阅 Documentation/index.html 中的插件说明部分。