Real Villa - 房地产 HTML5 模板

# 项目简介 Realvilla 是一套面向房产中介和开发商的现代 HTML 网站模板，基于 Bootstrap 5 构建，提供首页、房源列表、博客、联系方式等 15+ 页面，视觉风格简洁专业，适合快速搭建房地产展示网站。 ## 技术栈 - Bootstrap 5.3.3（响应式布局框架） - jQuery 3.2.1（DOM 操作与交互） - Slick Slider（轮播图组件） - FontAwesome 5（图标库） - CSS3 动画（平滑滚动、数字滚动等） - Google Fonts（Inter、Poppins 字体） ## 项目结构 ``` 03_realvila_mainfile/ ├── documentation/ # 官方文档 │ ├── index.html │ ├── css/ │ └── js/ └── mainfile/ # 模板主体 ├── index.html # 首页入口 ├── about.html ├── listing.html # 房源列表 ├── listing-detail.html ├── blog-list.html ├── blog-detail.html ├── contact.html ├── price.html ├── error.html └── css/ ├── bootstrap.min.css ├── styles.css # 主样式 ├── plugin.css # 第三方插件样式 └── default.css ``` ## 核心文件说明 - `mainfile/index.html` — 首页，包含 Banner 轮播、房源展示、合作伙伴等模块 - `mainfile/css/styles.css` — 主样式表，定义整体视觉风格与组件样式 - `mainfile/js/main.js` — 交互逻辑，实现轮播、导航、计数器、返回顶部等功能 - `mainfile/css/plugin.css` — Slick Slider 等第三方组件的样式补充 - `mainfile/listing.html` — 房源列表页模板 - `mainfile/blog-list.html` — 博客列表页模板 ## 快速开始 由于是纯静态模板，直接用浏览器打开 `mainfile/index.html` 即可预览全部页面。建议配合本地 HTTP 服务器（如 VS Code Live Server 或 `python -m http.server`）访问，以避免部分浏览器对本地文件的限制。 ## 使用建议 - 替换 `mainfile/images/` 下的示例图片为实际房源与品牌素材 - 修改 `index.html` 中的联系信息（邮箱、电话）以及社交媒体链接 - 模板中包含 Slick 轮播与动画效果，部署前确认 jQuery 与 Bootstrap JS 已正确引入