Reroof – 屋顶服务 HTML 模板

# 项目简介 ReRoof 是一款面向屋顶/建筑服务行业的响应式 HTML 5 多页面模板，提供首页变体、作品集、博客、商城、服务详情、团队、联系页等完整页面，适合快速搭建企业展示型网站。 ## 技术栈 - HTML5 + Bootstrap 5.1.3 - CSS：Owl Carousel、Swiper、Nice Select、AOS、Jarallax、Magnific Popup、Flaticon - Font：Open Sans + Rubik（Google Fonts）、Font Awesome 6 - jQuery 生态（jquery.magnific-popup、jquery-ui、jquery.nice-select） ## 项目结构 ``` reroofhtml-10/reroof-pack/ ├── 01-html-file/ # 模板主体 │ ├── index.html # 首页（多款变体） │ ├── blog.html # 博客列表 │ ├── cart.html # 购物车 │ ├── checkout.html # 结账 │ ├── login.html # 登录页 │ ├── sign-up.html # 注册页 │ ├── coming-soon.html # 即将上线页 │ ├── service.html # 服务列表 │ └── assets/ # CSS/JS/图片/图标 └── 02-documentation-file/ # 使用文档 ``` ## 核心文件说明 - `01-html-file/index.html` — 首页入口，含 Banner、Services、Why Choose 等模块 - `01-html-file/blog.html` — 博客列表页，展示文章卡片 - `01-html-file/cart.html` — 购物车页面 - `01-html-file/login.html` — 用户登录表单页 - `01-html-file/coming-soon.html` — 倒计时即将上线页，带邮件订阅功能 - `02-documentation-file/index.html` — 模板完整使用文档 ## 快速开始 直接用浏览器打开 `reroof-pack/01-html-file/index.html`，或将其部署至任意静态服务器（如 VS Code Live Server、Nginx）。 ## 使用建议 页面大量依赖外部 CDN 资源（Bootstrap、jQuery 插件），修改时注意资源路径；若用于生产环境，建议将 CSS/JS/图片等静态资源部署至 CDN 或本地目录，并替换占位图片为真实内容。