项目简介link

Reboost 是一款现代宠物护理/社交媒体管理 HTML 模板，采用深色主题设计，配备渐变强调色和流畅动画，适合宠物服务或 SMM 类网站快速落地。

技术栈link

• 静态 HTML5 + CSS3 + Vanilla JS
• Bootstrap 5.3
• Font Awesome 6（图标字体）
• Poppins / Space Grotesk 字体
• Swiper 轮播组件
• AOS 滚动动画
• Isotope 瀑布流布局（Portfolio 页面）

项目结构link

reboost ver 1.0.3/
├── DOCUMENTATION/
│   ├── index.html        # 在线文档（Getting Started、HTML结构、CSS说明等）
│   └── assets/
├── HTML_TEMPLATE/
│   ├── index.html        # 首页入口
│   ├── about-us.html
│   ├── services.html / services-detail.html
│   ├── portofolio.html / portofolio-detail.html
│   ├── blog.html / single-post.html
│   ├── pricing-plan.html / team.html / faqs.html
│   ├── contact-us.html / 404.html
│   ├── css/
│   │   └── style.css     # 主样式表（含自定义属性、渐变、brush效果）
│   ├── font/              # Font Awesome 字体文件
│   ├── image/             # Logo、图片占位符、图标等
│   └── js/
│       ├── masonry.js     # Portfolio 瀑布流
│       └── video_embedded.js  # 视频嵌入脚本

核心文件说明link

• HTML_TEMPLATE/index.html — 首页入口，导航栏 + Hero + 服务展示 + CTA
• css/style.css — 主样式表，含深色主题配色、渐变文本、brush 笔刷效果
• js/masonry.js — Isotope 驱动的瀑布流布局，控制 Portfolio 网格
• js/video_embedded.js — 点击按钮后动态生成 iframe 嵌入视频
• DOCUMENTATION/index.html — 官方在线文档，含 Getting Started、HTML 结构说明、SEO 指南等

快速开始link

直接用浏览器打开 HTML_TEMPLATE/index.html 即可本地预览。所有页面均为纯静态，无需构建。

修改图片路径（image/ 目录）和内容后，可部署至任意静态托管服务。

使用建议link

该模板默认深色主题，适合科技感强的宠物服务或社交媒体管理网站；内置 Bootstrap 响应式框架，页面元素可直接复用或替换，建议根据品牌色调整 css/style.css 中的 CSS 变量（--accent-color 等）。