Arcodo - Architecture and Interior Design HTML5 Template

# 项目简介 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 文件中定位并修改。导航栏中的联系方式和公司地址等内容需根据实际信息修改。