Homely - Single Property Real Estate HTML Template

# 项目简介 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 文件） ## 项目结构 ``` 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` — 预约看房表单后端处理文件 ## 快速开始 1. 直接在浏览器打开 `Homely HTML/index.html` 即可预览默认首页 2. 如需修改内容，使用任意文本编辑器或 VS Code 打开 `.html` 文件进行编辑 3. 图片资源位于 `images/` 目录，替换同名文件即可更新展示图 ## 使用建议 - 多页版适合需要完整导航结构的企业官网；单页版适合落地页或楼盘专题推广 - 切换配色只需修改 `index.html` 中 `<link id="colors">` 指向的 scheme 文件 - 文档中说明可开启 RTL 模式（设置 `enableRtl = 'on'`），便于阿拉伯语等右向左语言网站使用