Struqta - 工业和建筑 HTML 模板 preview 1

Struqta - 工业和建筑 HTML 模板

bookmark

Struqta 是一款面向工业与建筑行业的多页面 HTML 模板，由 ThemeEster 开发。提供 4 种首页变体（默认、现代、经典、工业风），内置服务展示、项目案例、博客、团队、客户评价等功能页面，适合企业官网快速搭建。

HTML

项目简介

Struqta 是一款面向工业与建筑行业的多页面 HTML 模板，由 ThemeEster 开发。提供 4 种首页变体（默认、现代、经典、工业风），内置服务展示、项目案例、博客、团队、客户评价等功能页面，适合企业官网快速搭建。

技术栈

  • HTML5 / CSS3（主样式表 + Bootstrap 4）
  • JavaScript（jQuery 插件：Slick 轮播、Venobox 弹窗、Odometer 数字动画等）
  • PHP（contact.php / quote.php 用于表单邮件发送）
  • FontAwesome 图标库

项目结构

text
struqtahtml-10/Master Files/
├── Documentation/
│   └── index.html          # 模板使用文档
├── html/
│   ├── assets/             # CSS/JS/图片等静态资源
│   ├── index.html          # 首页（默认风格）
│   ├── index-2.html        # 首页（现代风格）
│   ├── index-3.html        # 首页（经典风格）
│   ├── index-4.html        # 首页（工业风格）
│   ├── about.html          # 关于我们
│   ├── service.html        # 服务项目
│   ├── project-3-col.html  # 案例展示（三列）
│   ├── project-4-col.html  # 案例展示（四列）
│   ├── blog-classic.html   # 博客列表
│   ├── contact.html        # 联系我们
│   ├── contact.php         # 联系表单处理
│   └── quote.php           # 报价表单处理

核心文件说明

  • html/index.html — 默认风格首页，包含顶部信息栏、导航、英雄区、服务、案例、技能、团队、评价、联系等完整模块
  • html/contact.php — 处理 contact.html 表单提交，验证后发送邮件至指定收件地址
  • html/quote.php — 处理报价请求表单，收集姓名、电话、服务类型等信息并发送邮件
  • html/assets/css/main.css — 模板主样式文件，包含所有页面组件样式覆盖
  • html/assets/css/bootstrap.min.css — Bootstrap 4 基础布局与栅格系统
  • html/service.html — 服务详情页，展示公司提供的各项工业/建筑服务

快速开始

  1. 纯静态页面浏览：直接在浏览器打开 html/index.html 即可预览
  2. 本地服务器预览（推荐）：在 html 目录下运行 python -m http.server 8080，访问 http://localhost:8080
  3. 启用表单功能：需要将 html 目录部署在支持 PHP 的 Web 服务器上，并修改 contact.php / quote.php 中的 $recipient 邮箱地址为实际收件邮箱

使用建议

  • 该模板为多页面结构，适合需要完整企业官网的场景；首页有 4 种风格变体，可根据品牌调性选择
  • PHP 表单依赖服务器端 mail() 函数，共享主机环境可能受限，建议配合 SendGrid / Mailgun 等邮件 API 使用
help_outline

常见问题