项目简介link

Prohub 是一套多用途产品着陆页 HTML5 模板，包含 7 套完整演示页面，适用于无人机、手表、自行车、耳机、悬浮滑板、摄像头及 App 等电子产品的展示页面。模板基于 Bootstrap 构建，自带完整文档说明。

技术栈link

• HTML5 / CSS3
• Bootstrap 4.2.0
• jQuery
• Font Awesome 4.5.0
• Google Fonts (Poppins, Muli, Open Sans 等)
• VenoBox（视频弹窗）、Owl Carousel、WOW.js（动画）

项目结构link

prohubhtml-10/
└── prohub-package/
    ├── prohub-documentation/      # 模板使用文档
    │   ├── index.html
    │   ├── css/
    │   └── img/
    └── prohub-html/               # 主体模板文件
        ├── index.html             # 全部演示预览页
        ├── drone.html
        ├── watch.html
        ├── bike.html
        ├── headphone.html
        ├── livecam.html
        ├── hoverboard.html
        ├── proapp.html
        ├── style.css              # 主样式表
        └── assets/
            ├── css/
            ├── js/
            └── img/

核心文件说明link

• prohub-html/index.html — 模板演示预览页面，汇总所有产品页面入口
• prohub-html/drone.html — 无人机产品着陆页示例
• prohub-html/hoverboard.html — 悬浮滑板产品着陆页示例
• prohub-html/style.css — 主样式表，定义全局样式及所有产品页配色
• prohub-documentation/index.html — 官方文档页面，含文件结构与使用说明
• prohub-html/assets/css/ — Bootstrap、响应式布局及插件样式目录

快速开始link

1. 下载并解压模板包
2. 进入 prohub-package/prohub-html/ 目录
3. 直接用浏览器打开 index.html 查看全部演示
4. 选择感兴趣的产品页（如 drone.html），在编辑器中修改内容

使用建议link

该模板采用单页多板块设计，适合快速改造成落地页。建议根据所选产品页的风格定制 style.css 中的配色变量（模板主色调为蓝色 #2260ff 及 #1da1f2），并替换 assets/img/ 下的图片资源即可投入使用。