
Arcodo - 建筑与室内设计 HTML5 模板
category房地产
# 项目简介
Arcodo 是一款专为建筑设计公司与室内装饰工作室打造的响应式 HTML5 网站模板,适用于展示建筑案例、室内设计方案、团队成员、客户评价及预约咨询等场景。模板基于 Bootstrap 5 构建,支持多页面切换和移动端适配。
## 技术栈
- HTML5 / CSS3
- Bootstrap 5(响应式框架)
- Owl Carousel(轮播组件)
- Animate.css(页面动画)
- Font Awesome / Bootstrap Icons(图标库)
- Google Fonts:Albert Sans、DM Sans
## 项目结构
```
arcodohtml-10/Arcodo-Architecture-HTML-Template/
├── DOCUMENTATION/
│ ├── index.html # 在线文档首页
│ └── assets/
├── HTML/
│ ├── index.html # 首页(轮播 + 案例展示)
│ ├── about.html # 关于我们
│ ├── service.html # 服务项目
│ ├── project.html # 作品案例
│ ├── team.html # 团队成员
│ ├── appointment.html # 预约咨询
│ ├── testimonial.html # 客户评价
│ ├── contact.html # 联系方式
│ ├── 404.html # 错误页面
│ └── assets/
│ ├── css/
│ │ └── master.css # 主样式文件
│ ├── js/
│ ├── lib/ # 第三方库(animate、owlcarousel)
│ └── img/ # 图片资源
```
## 核心文件说明
- `HTML/index.html` — 首页,包含全屏轮播图与核心业务展示区块
- `HTML/service.html` — 服务介绍页面,呈现设计业务范围
- `HTML/project.html` — 作品案例页面,展示过往项目案例
- `HTML/appointment.html` — 预约表单页面,供客户提交咨询
- `HTML/assets/css/master.css` — 全部 CSS 样式汇总文件
- `HTML/assets/lib/owlcarousel/` — 轮播组件库,负责图片滑动效果
## 快速开始
直接用浏览器打开 `HTML/index.html` 即可本地预览。如需局域网访问,可用 VS Code Live Server 或 `python -m http.server` 等本地服务器运行。
## 使用建议
模板中的图片均为占位图,请替换 `assets/img/` 目录下的文件为自己的实际项目图片。背景图路径可通过搜索 `data-src=` 在 HTML 文件中定位并修改。导航栏中的联系方式和公司地址等内容需根据实际信息修改。
help_outline
常见问题
评论0
发布时间Dec 7, 2025
技术栈
HTML
标签
architecturebuildingcleancorporatecreativefurniturehomehousehousesinteriorinterior designmodernreal estateshowcase