Reboost v1.0.3 - Digital Marketing Agency HTML Template

# 项目简介 Reboost 是一款现代宠物护理/社交媒体管理 HTML 模板，采用深色主题设计，配备渐变强调色和流畅动画，适合宠物服务或 SMM 类网站快速落地。 ## 技术栈 - 静态 HTML5 + CSS3 + Vanilla JS - Bootstrap 5.3 - Font Awesome 6（图标字体） - Poppins / Space Grotesk 字体 - Swiper 轮播组件 - AOS 滚动动画 - Isotope 瀑布流布局（Portfolio 页面） ## 项目结构 ``` 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 # 视频嵌入脚本 ``` ## 核心文件说明 - `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 指南等 ## 快速开始 直接用浏览器打开 `HTML_TEMPLATE/index.html` 即可本地预览。所有页面均为纯静态，无需构建。 修改图片路径（`image/` 目录）和内容后，可部署至任意静态托管服务。 ## 使用建议 该模板默认深色主题，适合科技感强的宠物服务或社交媒体管理网站；内置 Bootstrap 响应式框架，页面元素可直接复用或替换，建议根据品牌色调整 `css/style.css` 中的 CSS 变量（`--accent-color` 等）。