Buildnow - 建筑 HTML 模板 preview 1

Buildnow - 建筑 HTML 模板

bookmark

Buildnow 是一款面向建筑/工程行业的多页面 HTML 模板,提供首页变体、服务介绍、项目展示、团队介绍、新闻动态、商城、定价等完整页面,适合快速搭建建筑公司官网。模板基于 Bootstrap 5,包含轮播、灯箱、响应式导航等交互组件,contact.php 支持联系表单邮件发送。

HTML

项目简介

Buildnow 是一款面向建筑/工程行业的多页面 HTML 模板,提供首页变体、服务介绍、项目展示、团队介绍、新闻动态、商城、定价等完整页面,适合快速搭建建筑公司官网。模板基于 Bootstrap 5,包含轮播、灯箱、响应式导航等交互组件,contact.php 支持联系表单邮件发送。

技术栈

  • HTML5 + CSS3(静态页面)
  • Bootstrap 5(响应式框架)
  • PHP(仅 contact.php 处理联系表单)
  • Swiper Slider、MeanMenu、NiceSelect、Magnific Popup 等 CSS/JS 组件

项目结构

text
buildnowhtml-10/Main-File_Buildnow/
├── buildnow/
│   ├── index.html              # 主首页
│   ├── index-2.html ~ index-7.html   # 首页变体
│   ├── index-one.html ~ index-one-7.html  # 另一套首页变体
│   ├── about.html, service*.html     # 关于/服务
│   ├── project*.html, team*.html      # 项目/团队
│   ├── news*.html, pricing.html, faq.html  # 内容页
│   ├── shop*.html, checkout.html      # 商城相关
│   ├── contact.html, contact.php     # 联系页+表单处理
│   ├── 404.html                       # 错误页
│   └── assets/                        # 样式/脚本/图片
└── documentation/
    └── index.html                     # 官方文档

核心文件说明

  • buildnow/index.html — 主首页入口,展示品牌形象与核心业务
  • buildnow/contact.php — 联系表单后端,处理 name/email/message 并发送邮件
  • buildnow/404.html — 未找到页面模板
  • buildnow/assets/css/main.css — 主题核心样式(含所有页面通用布局与组件)
  • buildnow/team-details.html — 团队成员详情页,演示详情页模板结构
  • documentation/index.html — 官方使用文档,含模板结构说明

快速开始

  1. 直接在浏览器中打开 buildnow/index.html 预览完整效果
  2. 如需联系表单功能,将 buildnow 目录部署至支持 PHP 的 Web 服务器,修改 contact.php 中的 $recipient 为实际收件邮箱

使用建议

  • 首页提供了 14 种变体,可根据品牌风格选择 index.htmlindex-one*.html 系列作为主入口
  • 模板默认内容为英文,上线前需批量替换为公司实际文案;contact.php 中的邮件地址需替换为真实收件方
help_outline

常见问题