项目简介
Homely 是一套面向房地产/单楼盘展示场景的 HTML 模板，基于 Bootstrap 5 构建，提供 5 种多页版首页和 5 种单页版首页变体，附带新闻、关于、联系等常用页面，适合房地产公司或个人经纪人快速搭建楼盘展示网站。
技术栈
- Bootstrap 5（响应式布局、12 栅格系统）
- HTML5 + CSS3（含自定义属性变量）
- Swiper（轮播组件）
- Font Awesome 4 & 6、Elegant Icons、ET-Line Icons、IcoFont（图标字体）
- Google Fonts（Figtree 字体）
- jQuery（原版 JS 文件）
项目结构
text
Homely/
├── Documentation/
│ ├── index.html # 官方文档入口
│ ├── css/
│ │ ├── bootstrap.css
│ │ └── style.css
│ └── images/
│ └── help.png
└── Homely HTML/
├── index.html # 默认首页（Homepage 1）
├── homepage-2.html ~ homepage-5.html
├── onepage-1.html ~ onepage-5.html # 单页版
├── about.html
├── contact.html
├── gallery.html
├── news.html / news-single.html
├── visit.php
├── css/
│ ├── bootstrap.min.css / bootstrap.rtl.min.css
│ ├── style.css # 主样式表
│ ├── coloring.css
│ ├── colors/
│ │ ├── scheme-01.css
│ │ ├── scheme-02.css
│ │ └── scheme-03.css
│ └── swiper.css / datepicker.css
├── fonts/
│ ├── fontawesome4/ / fontawesome6/
│ ├── elegant_font/ / et-line-font/
│ └── icofont/
└── images/
├── demo/ # 首页预览缩略图
├── gallery/ # 示例图集
└── misc/ # 户型图等素材
核心文件说明
Homely HTML/index.html— 默认首页入口，包含完整 Header / Main / Footer 结构Homely HTML/css/style.css— 主样式表，定义全局变量（颜色、字体、圆角等）Homely HTML/css/colors/scheme-*.css— 可切换的主题配色方案Homely HTML/css/bootstrap.min.css— Bootstrap 框架核心（需保留 id="bootstrap" 供 JS 调用）Documentation/index.html— 官方使用文档，说明布局、栅格、RTL 等配置方法Homely HTML/visit.php— 预约看房表单后端处理文件
快速开始
- 直接在浏览器打开
Homely HTML/index.html即可预览默认首页 - 如需修改内容，使用任意文本编辑器或 VS Code 打开
.html文件进行编辑 - 图片资源位于
images/目录，替换同名文件即可更新展示图
使用建议
- 多页版适合需要完整导航结构的企业官网；单页版适合落地页或楼盘专题推广
- 切换配色只需修改
index.html中<link id="colors">指向的 scheme 文件 - 文档中说明可开启 RTL 模式（设置
enableRtl = 'on'），便于阿拉伯语等右向左语言网站使用
