Reroof – 屋顶服务 HTML 模板 preview 1

Reroof – 屋顶服务 HTML 模板

bookmark

ReRoof 是一款面向屋顶/建筑服务行业的响应式 HTML 5 多页面模板，提供首页变体、作品集、博客、商城、服务详情、团队、联系页等完整页面，适合快速搭建企业展示型网站。

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）

项目结构

text
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 或本地目录，并替换占位图片为真实内容。

help_outline

常见问题