Konsteer - 构建 HTML 模板 preview 1

Konsteer - 构建 HTML 模板

bookmark

Konsteer 是一套面向建筑/工程企业的响应式 HTML 5 网站模板，提供首页、服务、项目、博客、联系等多个完整页面，内置预载动画、导航菜单及联系表单功能，适合快速搭建专业形象展示站点。

HTML

项目简介

Konsteer 是一套面向建筑/工程企业的响应式 HTML 5 网站模板，提供首页、服务、项目、博客、联系等多个完整页面，内置预载动画、导航菜单及联系表单功能，适合快速搭建专业形象展示站点。

技术栈

  • Bootstrap 5.2.0（响应式布局框架）
  • jQuery（交互脚本核心库）
  • Font Awesome（图标字体）
  • Google Fonts（Open Sans / Open Sans Condensed）
  • PHP（联系表单邮件发送）

项目结构

text
konsteerhtml-10/Konsteer pack/
├── Doc/                          # 模板使用文档
│   ├── index.html                # 文档首页
│   ├── css/
│   │   ├── bootstrap.css
│   │   ├── font-awesome.css
│   │   ├── style.css             # 文档站点样式
│   │   └── scrollbar.css
│   ├── js/
│   │   ├── jquery.js
│   │   ├── jquery.nav.js         # 单页锚点导航
│   │   ├── jquery.scrollTo.js
│   │   ├── script.js             # 文档交互脚本
│   │   └── scrollbar.js
│   └── images/
└── Konsteer/                     # 正式模板文件
    ├── index.html                # 首页（第1套）
    ├── index-2.html              # 首页（第2套）
    ├── about.html
    ├── contact.html
    ├── service.html              # 服务页（多版本）
    ├── projects.html
    ├── blog.html
    ├── error.html
    ├── sendemail.php              # 邮件发送脚本
    └── assets/                   # CSS/JS/图片等资源

核心文件说明

  • Konsteer/index.html — 模板主首页入口
  • Konsteer/contact.html — 联系页面，含表单提交
  • Konsteer/sendemail.php — PHP 邮件处理逻辑（需配置收件邮箱）
  • Konsteer/assets/css/style.css — 模板主体样式
  • Doc/index.html — 官方文档入口，含 HTML/CSS/JS 结构说明
  • Doc/js/script.js — 文档站点单页导航与滚动条初始化

快速开始

  1. 将 Konsteer 文件夹内容部署到 Web 服务器（如 Apache/Nginx）
  2. 修改 sendemail.php 中的 RECIPIENT_EMAIL 为实际收件邮箱
  3. 直接访问 index.html 预览效果，或通过 Doc/index.html 查看模板结构文档

使用建议

  • 实际部署时需将演示占位内容替换为真实公司信息；sendemail.php 需要服务器支持 mail() 函数，建议生产环境使用专业邮件服务（如 SendGrid）替代原生 mail()。
help_outline

常见问题