Arcodo - 建筑与室内设计 HTML5 模板 preview 1

Arcodo - 建筑与室内设计 HTML5 模板

bookmark

Arcodo 是一款专为建筑设计公司与室内装饰工作室打造的响应式 HTML5 网站模板，适用于展示建筑案例、室内设计方案、团队成员、客户评价及预约咨询等场景。模板基于 Bootstrap 5 构建，支持多页面切换和移动端适配。

HTMLarchitecturebuildingcleancorporatecreativefurniturehome

项目简介

Arcodo 是一款专为建筑设计公司与室内装饰工作室打造的响应式 HTML5 网站模板，适用于展示建筑案例、室内设计方案、团队成员、客户评价及预约咨询等场景。模板基于 Bootstrap 5 构建，支持多页面切换和移动端适配。

技术栈

  • HTML5 / CSS3
  • Bootstrap 5（响应式框架）
  • Owl Carousel（轮播组件）
  • Animate.css（页面动画）
  • Font Awesome / Bootstrap Icons（图标库）
  • Google Fonts：Albert Sans、DM Sans

项目结构

text
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

常见问题