BuildGo - 建造和建造 HTML 模板 preview 1

BuildGo - 建造和建造 HTML 模板

bookmark

BuildGo 是一款面向建筑工程行业的 HTML5 网站模板,包含首页、服务、案例、团队、博客、联系等完整页面。模板内置暗色/亮色模式切换、自定义鼠标光标、预加载动画等交互功能,适合快速搭建建筑公司或装修企业的展示型网站。

HTML

项目简介

BuildGo 是一款面向建筑工程行业的 HTML5 网站模板,包含首页、服务、案例、团队、博客、联系等完整页面。模板内置暗色/亮色模式切换、自定义鼠标光标、预加载动画等交互功能,适合快速搭建建筑公司或装修企业的展示型网站。

技术栈

  • HTML5 + CSS3(原生样式 + Bootstrap 5 栅格)
  • jQuery(DOM 操作与交互)
  • 第三方插件:Owl Carousel 2、Isotope、Magnific Popup、WOW.js、Animate.css、Counter-Up
  • 图标:Font Awesome 5 + Flaticon

项目结构

text
buildgohtml/
├── documentation/          # 模板使用文档
│   ├── index.html
│   ├── css/               # 文档样式(含 bootstrap.min.css)
│   └── js/                # 文档脚本
└── main-file/            # 实际使用的主文件
    ├── index.html         # 首页
    ├── about.html         # 关于我们
    ├── services.html      # 服务列表
    ├── portfolio-*.html   # 项目案例
    ├── blog-*.html        # 博客
    ├── team.html          # 团队
    ├── contact.html       # 联系方式
    └── assets/            # CSS、JS、图片等资源

核心文件说明

  • main-file/index.html — 网站首页,包含导航、幻灯片、服务展示等区块
  • main-file/assets/sass/style.scss — 所有业务样式(从 assets/sass/style.css 引入)
  • main-file/assets/css/bootstrap.min.css — Bootstrap 5 核心 CSS
  • main-file/assets/js/scripts.js — 模板主要交互逻辑
  • documentation/index.html — 模板配置与更换 Logo、颜色、图标等操作说明
  • main-file/contact.html — 表单联系页

快速开始

  1. main-file 文件夹内容部署到任意 Web 服务器(或直接用 VS Code Live Server 预览)
  2. 修改 index.html 中的 Logo 图片路径和文字,替换为你的品牌
  3. 联系表单需上传至服务器端才能正常收发邮件

使用建议

该模板为纯静态页面,部署简单但需注意联系表单需配合后端服务。如需 CMS 化,建议基于现有页面结构接入 WordPress 或其他静态站点生成器。

help_outline

常见问题